<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
*{box-sizing:border-box;}
*::before, *::after{box-sizing:border-box;}
*:focus{outline:none;}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td{margin: 0;padding: 0;}

LI, UL { list-style-type:none;}
body {  background:#fff; font-size:14px; color:#000;font-family:"Microsoft Yahei",微软雅黑;}
IMG {BORDER - TOP - WIDTH: 0;BORDER - LEFT - WIDTH: 0;BORDER - BOTTOM - WIDTH: 0;BORDER - RIGHT - WIDTH: 0}
 
@font-face {
  font-family:impact;
  src: url("../fonts/impact.ttf")  format(".ttf"),

}
@font-face {
  font-family: "iconfont"; /* Project id  */
  src: url('../fonts/iconfont.ttf') format('truetype');
}


.fz { margin:0 auto; width:95%; max-width:1420px;}
.fr { float:right;}
.fl { float:left;}
.clear { clear:both;}
a { text-decoration:none;color:#e93d00;}
a:hover{ color:#333333;}
img { border:0;}
.index_height { width:100%; height:1000px;}
.index_heightz_z { margin:50px auto 0; height:300px; background:#CCC}
.iconfont::before { font-family: "iconfont" !important;  font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display:block; position:absolute; display:block;}

#goTopBtn {
POSITION: fixed; TEXT-ALIGN: center; LINE-HEIGHT:70px; background:#e93d00; color:#fff;WIDTH: 50px; BOTTOM: 35px; HEIGHT: 50px; FONT-SIZE: 12px; CURSOR: pointer; RIGHT: 0px; _position: absolute; _right: auto; z-index:9999;}
#goTopBtn:hover{  background:#333333 ; } 
#goTopBtn::before {   content: "\f0117"; right:0; top:20px; line-height:20px; color:#fff; font-size:25px; width:30px; height:30px; text-align:center; position:absolute; left:10px; top:5px;  } 

.map_logo p { text-align:center; padding:10px 0; font-size:16px;}


/* ===================导航========================== */
.index_head { width:100%; position:relative;  background:#fff;}
.logo { width:20%; margin-left:4%;}
.logo img { height:60px; margin-top:11px; transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s; }
.fixed .logo img { height:45px; margin-top:18px; transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s; }
.top_head { width:100%; height:86px;   transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;  z-index:999; }
.headlf { display:none;}
.nav_z{z-index: 9999; position:relative; height:86px; width:100%;}
.nav_z .nav{ height:86px; text-align:right;display: block; width:70%;margin-right:4%;     transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s; }
.fixed .nav_z .nav{    transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s; }
.nav_z .nav .nav_pc{ width:100%;height:86px;   }
.fixed .nav_z .nav .nav_pc { height: 80px;}
.fixed .nav_z{ height: 80px;}
.fixed .nav_z .nav{ height: 80px;}
.fixed .nav_z .nav ul li{ height: 80px;}
.fixed .nav_z .nav ul li a{ height: 80px; line-height:80px;}
.fixed .nav_z .nav ul .search::before {  top: 26px;}
.fixed .nav_z .nav ul .language::before {top: 30px;}
.fixed .nav_z .nav ul .language::after {  top: 31px;}

.nav_z .nav ul li{ box-sizing: border-box; height:86px;     margin-left:4.5%; z-index: 9999999;  display: inline-block; width: auto !important;   } 
/*.nav_z .nav ul li .f_a{ line-height:86px;position:relative; height:86px;  display:block;font-size:17px;color:#000;width:100%;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;transition:all 0.6s} */
.nav_z .nav ul li a{ line-height:86px;position:relative; height:86px;  display:block;font-size:18px;color:#232323;width:100%;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;transition:all 0.6s}
.nav_z .nav ul li .f_a::after { position:absolute; left:50%;  bottom:0; content:""; width:0; height:2px; background:#ec3c00;   transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s; }
.nav_z .nav ul li:hover .f_a::after {  width:100%;left:0;  transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s; }

@keyframes rotate{from{transform: rotate(0deg)}
to{transform: rotate(360deg)}
}
.nav_z .nav ul .language::after { position:absolute; content:""; background:url(../images/icon1.png) no-repeat center center; right:0; top:44px; color:#000; font-size:20px; width:20px; height:20px; display:block;  transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;  }  
.nav_z .nav ul .language:hover::after {  background:url(../images/icon1h.png) no-repeat center center;   }  
.nav_z .nav ul li:first-child{ margin-left:0;}
 
.nav_z .nav ul .search::before {   content: "\e86e"; right:0; top:44px; color:#000; font-size:25px; width:20px; height:20px;  transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s; } 
.nav_z .nav ul .search:hover::before {    color:#e93d00;    } 
.nav_z .nav ul .search .f_a::after { display:none;}
.nav_z .nav ul .language .f_a::after { display:none;}
.nav_z .nav ul li:hover .f_a{color: #e93d00; transition:all .3s}
 
.fixed  .nav_z .nav ul li .f_a::after {   bottom:0;  }

.nav_z .nav ul li:hover .f_a::after{width:100%;transform: scale(1);transform-origin:left;}
.nav_z .nav ul li .f_a:hover:after{width:100%;transform: scale(1);transform-origin:left;}
.nav_z .nav ul li .s_navbox{ border-top:1px solid #f6f6f6; text-align:center; padding:30px 0;     top: 86px;display:none;position: absolute;left: 0;width: 100%; background:#fff;;z-index: 9999;box-sizing: border-box; }
.fixed .nav_z .nav ul li .s_navbox{     top: 78px;}

.nav_z .nav ul li .s_navbox .s_a a{ position:relative; width: auto !important;color:#232323;font-size:14px;text-transform:uppercase;display:inline-block; margin:0 20px 15px;  line-height:35px ; text-align:center; height:35px; } 
.nav_z .nav ul li .s_navbox .s_a a:hover{color: #e93d00; } 
.nav_z .nav ul li .s_navbox .s_a a::after { position:absolute; left:50%;  bottom:-10px; content:""; width:0; height:1px; background:#ec3c00;   transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s; }
.nav_z .nav ul li .s_navbox .s_a a:hover::after {  width:100%;left:0;  transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s; }




.m_nav{display:none} 
.headrg .m_menuimg{display: none}
.active{background-color: #fff}
.activ2{background-color: #fff}
.head_search{ display:block; position:absolute; right:5%; top:10px; width:444px; height:30px; line-height:30px; color:#fff; text-align:right; overflow:hidden; z-index:99999999999999;-webkit-transition:all 1s;-moz-transition:all 1s;transition:all 1s}
.fixed .top_head{ width: 100%;  height:80px;  position: fixed; left: 0;  top: 0;   z-index: 5000; background:#fff;  transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s; border-bottom:1px solid #f4f4f4; }
.fixed .nav_z .nav ul li .f_a {  color: #323232;}
.fixed .nav_z .nav ul li:hover .f_a {  color: #e93d00;}
.fixed .nav_z .nav ul .tel .f_a {  color: #e93d00;}
 .headrg { display:none;}
 
/* 下拉侧边菜单 */
.sidenav{position: relative;width:180px;display: block; float: left;}
.sidenav label {width:180px;display: block;padding-left: 55px;box-sizing: border-box; background: #128ee3;position: relative;height: 48px;line-height: 48px;color: #fff;font-size: 16px;}
.sidenav label i {width: 30px;height: 30px;display: block;position: absolute;background-size: 20px;left: 25px;top: 16px;}
.sidenav .side {display: inline-block;position: absolute;top: 48px;left: 0;z-index: 999;width: 180px;background: #fff;border-top: none;background-color: rgba(255, 255, 255, .95);box-sizing: border-box;}
.sidenav .side li {position: relative;width:100%; padding:5px 0px;border-bottom: 1px solid #cccccc;box-sizing: border-box}
.sidenav ul.side li:first-child {cursor: pointer; width:14%;}
.sidenav .side li a {color: #333;height: 40px;line-height: 40px;padding: 8px 0 8px 0;display: block;font-size: 16px;}
.sidenav .side li a:hover {background: none;color: #0085cd;}
.sidenav .side li a i {transition: all 0.3s ease 0s;}
.sidenav .side li a i.side_t {margin-left:10px; width: 40px;height: 40px;display: inline-block;vertical-align: middle;background-size: 30px;}
.sidenav .side li a:hover i {margin-left: 15px;} 
.sidenav .side li:hover .side_main {display: block;z-index: 999;}
.sidenav .side .side_main {display: none;width: 500px;background: #FFFFFF;position: absolute;left: 180px;top:0;box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.1);border: 1px #cecece solid;z-index: 7;}
.sidenav .side .side_main dl {margin: 20px;padding: 0;}
.sidenav .side .side_main dl dt {font-size: 18px;margin-bottom: 10px;color: #0173b2;font-weight: bold;}
.sidenav .side .side_main dl dt b{font-size: 15px;}
.sidenav .side .side_main dl dd {margin-bottom: 10px;display: inline-block;}
.sidenav .side .side_main dl dd a {position: relative; display: inline-block;color: #777;font-size: 14px;margin:0 4px ;padding: 0 5px;border-right: 2px solid #bbbbbb; height: auto;line-height: 1.5;transition: all 0.2s ease 0s;}
i.icon-hot,i.icon-new {display: inline-block;height: 9px;width: 24px; vertical-align: middle;}
i.icon-hot {background-position: 0 -240px;}
i.icon-new {background-position: -40px -240px;}
.sidenav .side .side_main dl dd a span {color: #999;}
.sidenav .side .side_main dl dd a:hover {background: none;color: #cf1322;transform:translateY(-2px);}
.sidenav .side .side_main dl dd a:hover b {color: #40adf5;}
.sidenav .side .side_main dl dd a:hover span {color: #40adf5;} 

/*小于1600大于1200稍微调整下字体*/
@media screen and (max-width: 1600px) and (min-width:1200px) {
   .nav ul li .f_a{font-size:14px}
   .nav ul li .s_navbox .s_a a{font-size:12px}
   .foot_top ul{margin-left:60px}
   .nav ul li .s_navbox .s_a{width:100%}
  
} 
 
/*移动端导航*/
.closeicon a { display:block; width:60px; height:60px; position:relative;}
.closeicon a::before { content: "\e97d"; left:8px; top:20px; color:#fff; font-size:30px; width:60px; height:60px;   } 

.m_navList ul li:first-child{ text-align:center; padding:15% 0 15%;}
.m_navList ul li .c_logo{ width:55%;}
@media screen and (max-width: 1024px) and (min-width: 0px){
	 .headrg { display:block;}
	.top_head { height:90px;}
	.headlf {  display: block;}
	.nav_z { display: none;}
   .msgNum{display: none;}
   .head{display:none}
  
    .a_js{ display:block; width:40px; height:40px; margin:35px 0 0 0; white-space:nowrap;color:transparent;z-index:20;cursor:pointer; }
	.a_js span{display:block;height:3px;background:#e93d00;margin-bottom:6px;transition:all 0.3s;  -webkit-transform-origin: 0% 50%;-moz-transform-origin: 0% 50%; -ms-transform-origin: 0% 50%;-o-transform-origin: 0% 50%;transform-origin: 0% 50%;}
	.a_js span:nth-child(1){ width:30px; }
	.a_js span:nth-child(2){ width:45px;}
	.a_js span:nth-child(3){margin-bottom:0;width:30px;}
	.a_js:hover span:nth-child(1){transform: translateX(3px) translateY(0px) rotate(45deg); width:39px !important;}
	.a_js:hover span:nth-child(2){opacity:0; width:45px !important;}
	.a_js:hover span:nth-child(3){transform:translateX(3px) translateY(11px) rotate(-45deg); width:39px !important;}

   .m_img{display:block;height:90px; width:100%;z-index:9999;overflow: hidden; position:relative;}
   .m_img .headlf{height:90px; width:100%;  }
   .m_img .headlf .m_logo{  height: 48px; margin-top: 21px;padding-left:3%;  transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;}
   .fixed .m_img .headlf .m_logo { height: 55px; transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;}
   .m_img .headlf a p { display:inline-block;     color:#e93d00; height:90px; position:absolute; right:25px; top:0; font-size:18px;}
   .m_img .headlf a p em { display:block; font-style:normal;color:#333333; margin-top:25px;}
   
   .m_img .headrg{ position:absolute; right:3%;  height:90px; top:0; z-index:66666; width:140px}
   .m_img .headrg .m_em{ width:60px; display:block; float:left; line-height:90px; text-align:right; font-size:25px; height:90px; background:url(../images/en.png) no-repeat left center}
   .m_img .headrg .a_js{ width:40px; display:block; float:right; }
   .m_img .headrg a .m_menuimg{height:25px;vertical-align:top;display: block}
   .m_nav {display:block;position:fixed;top:0px;left:0px;width:0px;height:0px;overflow:hidden;z-index:10000}
   .m_nav .closecover{position:absolute;width:100%;height:100%;background:#0b0d19;filter:alpha(opacity=0);opacity:0;left:0px;top:0px;z-index:1}
   .m_nav .closeicon{position:absolute;width:20%;left:30px;top:5%;z-index:100;text-align:center;filter:alpha(opacity=0);opacity:0}
   .m_nav .m_navList{position:absolute;width:80%;right:0px;top:0px;background:#0b0d19;height:100%;z-index:100;right:-80%;overflow-y: scroll;}
   .m_nav .m_navList ul{padding-left:5%;padding-right:5%}
   .m_nav .m_navList ul li{border-bottom:1px solid #232530}
   .m_nav .m_navList ul li:first-child{border-bottom:0}
   .m_nav .m_navList ul li a{display:block;height:45px;color:#fff;line-height:45px;padding-left:5%;font-size:16px}
   .m_nav .m_navList ul li .m_f_a{display: flex;align-items: center;justify-content: space-between; width: 100%; position:relative;}
   .m_nav .m_navList ul li .m_f_a a{flex: 1;}
   .m_nav .m_navList ul li .m_f_a i{width: 100%; position:absolute; left:0; top:0;height:35px;box-sizing: border-box; padding:0 5px; display: block;}
   .m_nav .m_navList ul li .m_f_a i::before {   content: "\eb78"; right:2px; top:11px; color:#fff; font-size:20px; width:20px; height:20px; } 
   .m_nav .m_navList ul li .m_f_a .icon_on::before {   content: "\eb79"; right:2px; top:11px; color:#fff; font-size:20px; width:20px; height:20px; } 
   .icon{ background:url(../images/plus.png) no-repeat right center ; -webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
   .icon_on{background:url(../images/reduce.png) no-repeat right center ;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
   .m_nav .m_navList ul li .m_s_nav{display:none;width: 100%;}
   .m_nav .m_navList ul li .m_s_nav a{display: block; height:40px;line-height:40px;font-size:14px;padding-left:10%;overflow: hidden; white-space: nowrap;width: 90%;text-overflow: ellipsis;}
}


@media only screen and (max-width: 1700px){	
   .nav_z .nav ul .language::before { left: 4px;}  
} 
@media only screen and (max-width: 1400px){	
   .nav_z .nav ul .language::before { left: 2px;}  
} 
  



	

/* ===================首页样式========================== */
 .banner {margin: 0 auto;width: 100%;}
.pro-switch { ;overflow: hidden;position: relative;width:100%;}
.flexslider {margin: 0;padding: 0;}
.flexslider .slides &gt; li {display: none;-webkit-backface-visibility: hidden;}
.flexslider .slides &gt; li .img { width:100%; display:block}
.flexslider .slides img {width: 100%;display: block;}
.slides:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 550px;}
.no-js .slides &gt; li:first-child {display: block;}
.flexslider { margin: 0 auto;position: relative;width:100%;zoom: 1;}
.flex-viewport {max-height: 2000px;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;transition: all 1s ease;}
.flexslider .slides {zoom: 1;}
.flex-direction-nav {*height: 0;}
.flex-direction-nav a { font-family: "iconfont" !important;overflow:hidden; background:rgba(0,0,0,0.4);width:45px;height: 45px; border-radius:60px;display: block;position: absolute;top: 50%;z-index: 10;cursor: pointer; opacity: 0;filter:alpha(opacity=0);-webkit-transition: all .3s ease;}
.flex-direction-nav a:hover {  background:#ec3c00;}
.flex-direction-nav a::before{ display:block;width: 45px;
    height: 45px;
    text-align: center;
    line-height: 45px;
    font-size: 20px;
    content: "\e660";
    color: #fff;}
.flex-direction-nav .flex-next {right: 6%;  }
.flex-direction-nav .flex-prev {left: 6%;}

.flex-direction-nav .flex-next::before{    transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);}



.flexslider:hover .flex-next {opacity: 0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-prev {opacity: 0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;filter:alpha(opacity=50);}
.flex-control-nav {width: 100%;position: absolute;bottom: 50px;text-align: center;}
.flex-control-nav li {margin: 0 10px;display: inline-block;zoom: 1;*display: inline;}
.flex-control-paging li a {background:#fff;display:block;height:8px;overflow: hidden;text-indent:-99em;width:8px;cursor: pointer; border-radius:12px;}
.flex-control-paging li a.flex-active {background:#fff;width:50px;}

 
 
/*=========================首页关于我们====================================*/ 
.index1 { width:100%; overflow:hidden;  }
.index1_z { padding-top:85px; background:url(../images/img5.jpg) no-repeat 90px center}
.index1_l { width:50%} 
.index1_r { width:50%; position:relative; padding-left:5%} 
.index1_l img{ width:100%} 
.index1_r_info dl dd:first-child img { height:55px;}
.index1_r_info dl dd:first-child+dd h1{ font-size:48px; color:#333333; margin-top:5px;} 
.index1_r_info dl dd:first-child+dd+dd { font-size:22px; color:#666666; margin-top:5px;}
.index1_r::before { position:absolute; left:0; top:185px; width:100%; height:10px; background:url(../images/icon3.png) repeat-x left top; display:block; content:"";}
.index1_r_info dl dd:last-child { line-height:2; color:#666666; margin-top:60px; font-size:16px;}



.index1_r_info dl dd:last-child  { height:249px;    overflow-y: scroll; overflow-x: hidden;}

.index1_r_info dl dd:last-child::-webkit-scrollbar {

  /*滚动条整体样式*/

  width : 5px;  /*高宽分别对应横竖滚动条的尺寸*/

  height: 5px;

  }

.index1_r_info dl dd:last-child::-webkit-scrollbar-thumb {

  /*滚动条里面小方块*/

  border-radius: 10px;

  box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);

  background   : #e93d00;

  }

.index1_r_info dl dd:last-child::-webkit-scrollbar-track {

  /*滚动条里面轨道*/

  box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);

  border-radius: 10px;

  background:rgba(211,211,211,0.2);

  }





 /* ===== 数字 ===== */
.value_info {padding:40px 0; overflow:hidden;  }
.value_info li {width:20%;  float:left; text-align:center; } 
.value_info li:first-child {width:15%;}
.value_info li:first-child+li {width:22%;}
.value_info li:first-child+li+li+li {width:18%;}
.value_info li:last-child {width:22%;}

.htmleaf-container { height:130px;}
.buttonBox{ position:relative;font-size:40px;outline:none;transition:all 1s;color:#1da838; }
#seventh span{ color:#191919;  position:relative; text-transform:uppercase; font-weight: bold; letter-spacing:1px; border:none;    font-size: 52px; outline:none;transition:all 1s; }
#seventh em{ position:relative; display:inline-block; font-style:normal;}
#seventh em i {font-style:normal; position:absolute; right:-33px; top:10px; display:block; color:#fff; background:#e93d00; font-size:12px; border-radius:50px; width:26px; height:26px; line-height:26px; text-align:center}
.value_info ul li .value_t { font-size:20px; color:#333333;} 
.buttonBox p { font-size: 16px;color: #6d6d6d;}
 





 
 /*=========================首页产品====================================*/ 
.index2 { width:100%; background:#eeeeee; position:relative; padding:80px 0; overflow:hidden; margin-top:65px;}
.index2_icon img{ width:100%}
.index2_icon { position: absolute; left:0; top:43px; width:10%; z-index:1} 
.index2_z  { position:relative; z-index:5}
.index_title { text-align:center; color:#1d1d1d }
.index_title h3 { font-size:48px;}
.index_title p { font-size:22px; margin-top:10px;}
.index2_contet { padding-top:60px;}
.index2_contet ul li { float:left; width:31.33%; margin-left:3%; margin-bottom:3%; background:#fff; border-radius:10px; overflow:hidden; padding-bottom:30px;}
.index2_contet ul li:nth-child(3n+1) {  margin-left:0;}
.index2_contet ul li dl dd:first-child { overflow:hidden; width:100%}
.index2_contet ul li dl dd:first-child img {   width:100%;  display: block;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.index2_contet ul li:hover dl dd:first-child img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.index2_contet ul li a dl dd:first-child+dd { font-weight:bold; margin:30px 30px 0; color:#333333; font-size:18px;}
.index2_contet ul li:hover a dl dd:first-child+dd {  color:#e93d00; }
.index2_contet ul li a dl dd:last-child { margin:10px 30px 0; color:#666666; font-size:16px;  display: -webkit-box;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}


 
 
/*=========================首页应用案例====================================*/ 
.index3 { width:100%;background-size: cover; background-position: center; background-repeat: no-repeat; overflow: hidden; padding:80px 0 60px; }
.index3_z .index_title { color:#fff }
.index3_contents { padding-top:50px;}
.index3_contents ul li { float:left; width:31.33%; margin-left:3%; margin-bottom:3%; overflow:hidden;  position:relative}
.index3_contents ul li:nth-child(3n+1) {  margin-left:0;}
.index3_contents ul li dl dd:first-child { overflow:hidden; width:100%}
.index3_contents ul li dl dd:first-child img {   width:100%;  display: block;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.index3_contents ul li:hover dl dd:first-child img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.index3_contents ul li a dl dd:first-child+dd {  color:#fff; font-size:22px; font-weight:bold; margin-top:25px;}
.index3_contents ul li a dl dd:last-child{background:#b6b6b6; position:relative; width:100%; height:1px; margin-top:25px;}
.index3_contents ul li a dl dd:last-child::after{ content:""; display:block; height:1px; width:0; position:absolute; left:0; bottom:0; background:#e93d00;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.index3_contents ul li:hover a dl dd:last-child::after{   width:100%;   background:#e93d00;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.index3_more { width:200px; height:50px; margin:30px auto 0} 
.index3_more a { font-size:18px; display:block; width:200px; height:50px; border:1px solid #fff; text-align:center; line-height:50px; color:#fff} 
.index3_more a:hover {   border:1px solid #e93d00; background:#e93d00; color:#fff}  
.index3_more a i { display:inline-block; font-style:normal; padding-left:10px; font-size:15px;}


/*=========首页实力见证--========*/
.index5 { width:100%; padding-top:115px;} 
.index5 .index_title p::before { width:190px; height:25px; display:block; margin:10px auto 10px; content:""; background:url(../images/icon12.jpg) no-repeat center top }
 .overhide{overflow: hidden;}
.swiper-container {
	margin:0 auto;
	position:relative;
	overflow:hidden;
	direction:ltr;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	-o-backface-visibility:hidden;
	backface-visibility:hidden;
	/* Fix of Webkit flickering */
	z-index:1;
}
.swiper-wrapper {
	position:relative;
	width:100%;
	-webkit-transition-property:-webkit-transform, left, top;
	-webkit-transition-duration:0s;
	-webkit-transform:translate3d(0px,0,0);
	-webkit-transition-timing-function:ease;
	
	-moz-transition-property:-moz-transform, left, top;
	-moz-transition-duration:0s;
	-moz-transform:translate3d(0px,0,0);
	-moz-transition-timing-function:ease;
	
	-o-transition-property:-o-transform, left, top;
	-o-transition-duration:0s;
	-o-transform:translate3d(0px,0,0);
	-o-transition-timing-function:ease;
	-o-transform:translate(0px,0px);
	
	-ms-transition-property:-ms-transform, left, top;
	-ms-transition-duration:0s;
	-ms-transform:translate3d(0px,0,0);
	-ms-transition-timing-function:ease;
	
	transition-property:transform, left, top;
	transition-duration:0s;
	transform:translate3d(0px,0,0);
	transition-timing-function:ease;

	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
.swiper-free-mode &gt; .swiper-wrapper {
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	margin: 0 auto;
}
.swiper-slide {
	float: left;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
	-ms-touch-action: pan-y;
}
.swiper-wp8-vertical {
	-ms-touch-action: pan-x;
} 

.free.active{color: #fff;background:#006bd3;  border-color: #006bd3;}
.industry-bot{height:70px; width:95% !important; max-width:1420px !important; margin:80px auto 30px !important;font-size: 0;opacity: 1; z-index:999; position:relative;}
.industry-style a{display:block;color: #909090;position: relative;font-size: 14px; width:25%; float:left;}
.industry-style a::after{ display:block; content:""; width:1px; height:100%; background:#d6d6d6; position:absolute; right:20%; top:0;}
.industry-style a span { width:82px; height:82px; line-height:82px; text-align:center;  border-radius:150px; display:block; float:left;}
.industry-style a:first-child span {  background:#ebebeb url(../images/icon4h.png) no-repeat center center;}
.industry-style a:first-child.active span {  background:#ec3c00 url(../images/icon4.png) no-repeat center center;}
.industry-style a:first-child+a span {  background:#ebebeb url(../images/icon5h.png) no-repeat center center;}
.industry-style a:first-child+a.active span {  background:#ec3c00 url(../images/icon5.png) no-repeat center center;}
.industry-style a:first-child+a+a span {  background:#ebebeb url(../images/icon6h.png) no-repeat center center;}
.industry-style a:first-child+a+a.active span {  background:#ec3c00 url(../images/icon6.png) no-repeat center center;}
.industry-style a:last-child span {  background:#ebebeb url(../images/icon7h.png) no-repeat center center;}
.industry-style a:last-child.active span {  background:#ec3c00 url(../images/icon7.png) no-repeat center center;}
.industry-style a em { font-style:normal; float:left; padding-left:20px;}
.industry-style a em p:first-child { color:#111111; font-size:30px; margin-top:8px;}
.industry-style a em p:last-child { color:#90909e; font-size:16px; margin-top:5px;}
.industry-style a.active em p:first-child { color:#ec3c00; }

.industry-style a:hover{color: #006bd3;}
.industry-style a.active{color: #006bd3;} 
.industry-style a:last-child{margin-right: 0;}
.industry-style a:last-child:after{display: none;}
.industry-top{position: relative;}
.industry-top .swiper-container{overflow: visible;}
.industry-top .swiper-slide{ }
.industry-top .swiper-slide a{display: block;margin:0 20px\0; position: relative;}
.industry-top .swiper-slide.ready{transition: all .4s;}
.industry-top .swiper-slide.swiper-slide-prev{transform-origin: right center;}
.industry-top .swiper-slide.swiper-slide-next{transform-origin: left center;}
.industry-top .swiper-slide-active{transform: scale(1);z-index: 5;   }
.industry-top .swiper-slide{transform: scale(0.91); }
.img100 img { width:100%; display:block;}
.industry-top .swiper-slide:hover .xz89{margin-left: 20px;}
.industry-top .img100{position: relative;z-index: 1;}
.industry-top .img100:before{content: '';position: absolute;width: 100%;height: 100%;top:0;left: 0;background: rgba(0,0,0,.5);filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7f000000,endcolorstr=#7f000000);}
.ins-con{position: absolute;left: 0;bottom:0;opacity:0.6;filter: alpha(opacity=60); transition: all .4s;z-index: 5; padding:30px; background:rgba(0,0,0,0.5); width:100%}
.industry-top .swiper-slide.swiper-slide-active .img100:before{opacity: 0;filter: alpha(opacity=0);}
.industry-top .swiper-slide.swiper-slide-active .ins-con{opacity:1;filter: alpha(opacity=100);}
.ins-warp h2{font-size: 30px;color: #fff;margin-bottom: 20px;}
.ins-bot p{font-size: 16px;color: #fff;}
.industry-top .newBtn{position: absolute;width:55%;left: 22.5%;top:0;height: 100%; }
.industry-top .newBtn div{position: absolute;top:50%;margin-top: -18px;z-index: 9; margin-left:0 !important}
.industry-top .newBtn1{left:-62px;}
.industry-top .newBtn2{right:-62px;}
.roundabout-holder{list-style: none;width: 100%;margin: 0 auto}
.roundabout-moveable-item{font-size: 14px; width: 50%;cursor: pointer;background: #f9f9f9}
.roundabout-in-focus{cursor: auto}
.argih{position: absolute;right: 0;bottom:-40px;}
.cus{margin-right: 155px;}
.cus-l{width: 28%;position: relative;}
.cus-m{width: 48%;}
.cus-r{width: 24%;position: absolute;right: 0;top:0;height: 100%;}
.cus-page{position: relative;}
.cus-con{position: absolute;width: 100%;height: 100%;top:0;left: 0;background: #e9e9e9;}
.cus-m .img100{width: 50%;position: relative;}
.cus-r .img100{position: absolute;width: 100%;left: 0;top:50%;bottom:0;overflow: hidden;background: #006bd3;}
.cus-con h3{font-size: 24px;line-height: 1.6em;}
.cus-con p{font-size: 16px;color: #858585;}
.cus-con .i{display: inline-block;width: 38px;border-top: 1px solid #3b3b3b;margin: 10px auto;transition: all .3s;}
.cus-page .iconfont{font-size: 40px;}
.cus-l .cus-con{background: none;height: 50%;}
.cus-l .cus-con h3{color: #fff;}
.cus-l .cus-con p{color: #e6e6e6;}
.cus-l .cus-con .i{border-color: #fff;}
.cus-m .cus-con{width: 50%;}
.cus-m .cus-page1 .i2{width: 20px;height: 32px;position: absolute;left: -11px;top:25px;z-index: 9;}
.cus-m .cus-page1 .i2 span{color: #e9e9e9;}
.cus-m .cus-page1 .img100{float: right;}
.cus-m .cus-page2 .cus-con{right: 0;left: auto;background: #006bd3;}
.cus-m .cus-page2 h3{color: #fff;}
.cus-m .cus-page2 .i{border-color: #fff;}
.cus-m .cus-page2 p{color: #9fcaf7;}
.cus-m .cus-page2 .i2{width: 20px;height: 32px;position: absolute;right: 10px;top:25px;z-index: 9;}
.cus-m .cus-page2 .i2 span{color: #006bd3;}
.cus-r .i{max-width: 72px;}
.cus-r .i2{width: 32px;height: 20px;position: absolute;top: -14px;right:34px;z-index: 9;}
.cus-r .i2 span{color: #6ab1f5;}
.cus-r:hover .imgcd{transform: scale(1.05);}
.cus-r .cus-con{position: relative;height: 50%;background: #6ab1f5;}
.cus-r .cus-page{height: 100%;}
.cus-r h3{color: #fff;}
.cus-r .cus-con .i{border-color: #fff;}
.cus-r p{color: #fff;}
.cus-page:hover .i{width: 96px;}
.cus-l .cus-page:hover .i{width: 120px;}
.cus-more{position: absolute;right: 0;width: 155px;height: 100%;top:0;background: #006bd3;text-align: center;color: #fff;overflow: hidden;}
.cus-more .i{width: 34px;height: 17px;margin: 0 auto 20px;}
.cus-more .i .iconfont{font-size: 34px;}
.cus-more .middle-box{transition: all .4s;}
.cus-more:hover .middle-box{transform: scale(1.1); }
.swiper-slide{position: relative;}
.zxzx{position: relative;z-index: 22;}
.news .swiper-slide.on{opacity: 1;transition: all .5s;}
.news .swiper-slide a{display: block;border:1px solid #eaeaea;background: #fff;}
.new-bot{padding: 40px 30px 14px;background: #fff;border-bottom: 2px solid #006bd3;height: 176px;}
.new-warp h3{font-size: 16px;color: #2e2e2e;margin-bottom: 5px;line-height: 26px;
    height: 52px;
    display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;
}
.new-warp p{font-size: 13px;color: #aaaaaa;overflow: hidden;line-height: 26px;height:78px;margin-bottom: 26px;
    display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.newBtn div{cursor: pointer;width: 50px;height:50px;position: absolute;background: #cccccc;top:50%;transform: translateY(-50%);z-index: 9;color: #006bd3; border-radius:80px;}
.newBtn div:hover{background: #ec3c00;color: #fff;}
.newBtn .iconfont{ display: block; width:50px; height:50px; position:relative;}
.newBtn .iconfont::before{ display:block;width:50px; height:50px; position:absolute; left:0; top:0; text-align:center; line-height:50px; font-size:20px;content: "\e660"; color:#fff}
.newBtn2 .iconfont::before{transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -webkit-transform: rotate(180deg); }

.newBtn1{left: -60px;}
.newBtn2{right: -60px;}
.more-box{transition: all .3s;position: relative;z-index: 12;}
.more{display: inline-block;position: relative;text-transform: uppercase;font-size: 12px;color: #b9b9b9;}
.more .iconfont{display: inline-block;content: '';vertical-align: middle;margin-top: -4px;}
.more-box .shijian{font-size: 16px;margin-right: 5px;}
.more-box .mainjiantou{margin-left: 5px;transition:none;}
.more img{position: absolute;right: 22px;top:50%;margin-top: -5px;}
.zxzx-1600{background: #fff;position: relative;z-index: 2;}
.new-hide{position: absolute;bottom:-54px;left: 0;width: 100%;height: 54px;background: #006bd3;z-index: 9;transition: all .4s;line-height: 54px;}
.new-hide .more{color: #fff;position: absolute;right: 30px;}

.ins_l { width:60%;}
.ins_r { width:35%;}
.ins_l dl dd { float:left;}
.ins_l dl dd:first-child { width:30%; position:relative;}
.ins_l dl dd:first-child:after{ width:1px; height:100%; position:absolute; right:35px; top:0; background:#fff; content:""; display:block;}
.ins_l dl dd:last-child { width:68%}
.ins_l dl dd:first-child p { color:#fff; font-size:30px; font-weight:bold;}
.ins_l dl dd:last-child p { color:#fff; font-size:16px; line-height:1.6;}
.ins_r dl dd { float:left; width:48.5%; margin-left:3%;}
.ins_r dl dd:first-child {   margin-left:0;}
.ins_r dl dd img { width:100%; border:3px solid #fff}
 

@media (min-width: 1920px){
 .industry{overflow: hidden;}
}
 
 
 
/*=========首页新闻中心--========*/ 
.index6 { width:100%; padding-top:90px;} 
.index6 .index_title p::before { width:190px; height:25px; display:block; margin:10px auto 10px; content:""; background:url(../images/icon12.jpg) no-repeat center top }
.mF_tab { width:100% !important; margin-top:25px;}
.mF_tab .btn { width:100%; z-index:2; text-align:center;}
.mF_tab .btn li {  font-size:18px; width:auto !important;height:60px; cursor:pointer; display:inline-block; margin:0 3%; }
.mF_tab .btn li a{ color:#000; display:block; width:190px; height:60px; line-height:60px; background:#ebebeb}


.mF_tab .btn li.current a{color:#fff;background:#e93d00}
.mF_tab .cont {width:100% !important;  }
.mF_tab .cont .swt { width:100% !important}
.mF_tab .cont .swt li { width:100% !important; height:auto !important}
.cont { margin-top:55px;}
.cont li { width:100%}
.cont li .cont_l { width:50%; position:relative;}
.cont li .cont_r { width:46%;} 
.cont li .cont_l img{ width:100%; display:block;} 
.cont li .cont_r dl dd a .cont_info_l { width:105px; height:105px; background:#f6f6f6; color:#000;text-align:center;}
.cont li .cont_r dl dd:hover a .cont_info_l {  background:#e93d00; color:#fff; text-align:center;}
.cont li .cont_r dl dd  { overflow:hidden; margin-bottom:40px;}
.cont li .cont_r dl dd a .cont_info_l span { display:block; width:100%; margin-top:20px;  height:50px; line-height:50px; font-size:48px;} 
.cont li .cont_r dl dd a .cont_info_l p { display:block; width:100%;   font-size:14px;} 
.cont li .cont_r dl dd a .cont_info_r { width:78%;}
.cont li .cont_r dl dd a .cont_info_r .cont_info_rt { font-size:24px; color:#000; margin-bottom:15px;    display: -webkit-box;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;}
.cont li .cont_r dl dd a .cont_info_r .cont_info_ri { font-size:16px; color:#999999; line-height:1.6;    display: -webkit-box;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;}
 .cont li .cont_l a .cont_lt { font-size:22px; position:absolute; bottom:0; left:0; width:100%; height:60px; text-align:center; line-height:60px; color:#fff; background:rgba(0,0,0,0.6)}
 .cont li .cont_l a:hover .cont_lt { color:#fff; background:#e93d00}


/*=========首页关于我们--========*/  
.index7 { margin-top:100px; width: 100%; background-size: cover;  background-position: center;  background-repeat: no-repeat; overflow: hidden; padding: 80px 0 0;}
.index7 .index_title { color: #fff;}
.index7 .index_title p::before { width:190px; height:25px; display:block; margin:10px auto 10px; content:""; background:url(../images/icon12.png) no-repeat center top }
.index7_content { text-align:center;  color:#fff; line-height:1.7; font-size:16px; padding:65px 0 80px;}
.index7_more a { display:block; margin:20px auto 0; width:123px; height:40px; line-height:40px; text-align:center; color:#fff; border:1px solid #fff; font-size:16px;}
.index7_more a:hover {  color:#fff; border:1px solid #ec3c00; background:#ec3c00}
.index7_z { position:relative; padding-bottom:200px;}
.index7_d { position:absolute; left:0; bottom:0; width:100%; height:80px; background:rgba(255,255,255,0.6); }
.index7_dt { text-align:center; font-size:24px; color:#ff0000; line-height:80px;}
.index7_dt h3 { font-weight:400; width:20%; float:left; display:block;}
.index7_dt h3 span { display:inline-block; padding-left:50px; background:url(../images/icon11.png) no-repeat left center}
.index7_dt i { width:36%; float:left; display:block; height:80px; position:relative;}
.index7_dt .fc1{ margin-left:4%;}
.index7_dt i::before{ display:block; content:""; width:100%; height:1px; position:absolute; left:0; top:39px;background:#e93d00 }
.index7_dt i::after{ display:block; content:""; width:1px; height:11px; position:absolute;   top:34px;background:#e93d00 }
.index7_dt .fc1::after { right:0;}
.index7_dt .fc2::after { left:0;}

.index8_z {box-shadow: 0px 7px 16px 0px rgba(0,0,0,0.1); overflow:hidden; padding-bottom:40px;
    -moz-box-shadow: 0px 7px 16px 0px rgba(0,0,0,0.1);
    -ms-box-shadow: 0px 7px 16px 0px rgba(0,0,0,0.1);
    -o-box-shadow: 0px 7px 16px 0px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0px 7px 16px 0px rgba(0,0,0,0.1);}
.index8_z ul { margin:2.5% auto 0; width:92%;}
.index8_z ul li { float:left; width:23.11%; float:left; margin-left:2.5%; }
.index8_z ul li:first-child {  margin-left:0; }
.index8_z ul li img { width:100%; display:block;}
.index8_z ul li a p:last-child { font-size:17px; color:#333333; height:45px; text-align:center; line-height:45px;}








 
/*=========首页底部--========*/  
.footer { width:100%; padding:50px 0;background-size: cover;  background-position: center;  background-repeat: no-repeat; overflow: hidden; border-top:3px solid #ec3c00; margin-top:100px;} 
.footer_a { width:25%}
.footer_b { width:30%; margin-left:10%}
.footer_c { width:23%} 
.footer_at { padding-bottom:20px; border-bottom:2px solid #53504d; color:#fff; padding-left:32px; background:url(../images/icon8.png) no-repeat left 3px; font-size:20px; position:relative;}
.footer_at::after { position:absolute; left:0; bottom:-2px; width:48px; height:2px; background:#ec3c00; content:"";}
.footer_ai { margin-top:35px;}
.footer_ai dl dd { float:left; width:50%; margin-bottom:15px}
.footer_ai dl dd:first-child { display:none;}
.footer_ai dl dd a { color:#8f8e91}
.footer_ai dl dd a:hover { color:#fff}

.footer_bt { padding-bottom:20px; border-bottom:2px solid #53504d; color:#fff; padding-left:32px; background:url(../images/icon9.png) no-repeat left 3px; font-size:20px; position:relative;}
.footer_bt::after { position:absolute; left:0; bottom:-2px; width:48px; height:2px; background:#ec3c00; content:"";}
.footer_bi { margin-top:35px;}
.footer_bi dl dd { font-size:17px; margin-bottom:15px;color:#8f8e91}

.footer_ct { padding-bottom:20px; border-bottom:2px solid #53504d; color:#fff; padding-left:32px; background:url(../images/icon10.png) no-repeat left 3px; font-size:20px; position:relative;}
.footer_ct::after { position:absolute; left:0; bottom:-2px; width:48px; height:2px; background:#ec3c00; content:"";}
.footer_ci { margin-top:35px;}

.footer_ci dl dd{ width:40%; float:left; margin-right:6%;} 
.footer_ci dl dd p img{ width:100%;} 
.footer_ci dl dd p{ color:#fff; margin-top:10px; text-align:center;} 
.footer_copyright { text-align:center;margin-top:47px; padding-top:30px; border-top:1px solid #353439; color:#8f8e91}
.footer_copyright a { display:inline-block; color:#8f8e91}
.footer_copyright a:hover {   color:#fff}
.footer_copyright .f_yq { margin-left:20px;}




/* ===================内页产品列表========================== */ 
.inner_banner { width:100%;}
.inner_banner img{ width:100%; display:block;}
.search { width:100%; height:67px; line-height:67px; background:#fff;} 
.body_product { background:#f2f2f2}
.search_l { width:70%}
.search_r { width:25%; height:40px; border-radius:70px; background:#eb3d00; margin-top:15px;}
.search_l dl dd { display:inline-block; margin-right:15px; font-size:16px;}
.search_l dl dd a { display:inline-block; color:#333333}
.search_l dl dd a:hover {   color:#eb3d00} 

.search_r .text_search { width:77%; float:left; padding-left:3%; height:40px; line-height:40px; border:0; background:none; color:#fff}
.search_r .search_btn { width:20%; height:40px; position:relative; float:right;}
.search_r .search_btn::after {  content:"\e651"; width:40px; line-height:40px; font-size:22px; text-align:center; color:#fff; height:40px ;   position:absolute; bottom:0; right:0;  font-family: "iconfont";}
.search_r .search_btn:hover::after {   color:#fff;    }

.search_r input::-webkit-input-placeholder { color: #fff; }
.search_r input:-moz-placeholder { color: #fff;  }
.search_r input::-moz-placeholder {  color: #fff; }
.search_r input::-ms-input-placeholder {    color: #fff; }

.curren{ padding-top:25px;}
.curren a { display:inline-block; color:#999999;}
.curren a i{ display:inline-block;   font-family:"宋体"; font-style:normal; padding:0 3px;}
.curren a:last-child i{ display:none; }

.p_catname { padding-top:48px; text-align:center; color:#1b1b1b; font-size:36px;}
.p_class { padding-top:70px;}
.p_class ul { background:#fff; border-radius:5px; padding:20px; overflow:hidden;}
.p_class ul li { float:left; display:inline-block; padding:6px 30px; font-size:17px; margin-bottom:10px; }
.p_class ul li:first-child{ background:#eb3d00; color:#fff;border-radius:5px;}
.p_class ul li a{  display:inline-block; color:#333333; }
.p_class ul li:hover a{   color:#eb3d00;  }
.p_class ul .cur a{   color:#eb3d00;  }
.productlist1 { padding-top:35px;}
.productlist1 ul li { float:left; width:23.5%; margin-left:2%; border-radius:8px; background:#fff; margin-bottom:2%; padding-bottom:20px; overflow:hidden;}
.productlist1 ul li:nth-child(4n+1) {   margin-left:0; }
.productlist1 ul li a dl dd:first-child { width:100%; overflow:hidden;}
.productlist1 ul li a dl dd:first-child img { width:100%; display:block; -webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.productlist1 ul li:hover a dl dd:first-child img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.productlist1 ul li a dl dd:first-child+dd{ font-size:18px; color:#333333;  font-weight:bold; margin:20px 20px 0;}
.productlist1 ul li:hover a dl dd:first-child+dd{  color:#eb3d00; }
.productlist1 ul li a dl dd:last-child{ font-size:16px; color:#666666;   margin:10px 20px 0;    display: -webkit-box;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;}

#p_search h3{ font-size:20px;}
#p_search i { font-style:normal;}

/* ===================内页关于我们========================== */ 
.about1 { height:73px; line-height:73px; width:100%; border-bottom:1px solid #d3d3d3; background:#fff;}
.about1_l { width:70%;}
.about1_r { width:30%; text-align:right;}
.about1_l ul li { float:left; padding:0 10px; margin-right:10px; position:relative;}
.about1_l ul li a { color:#333333; font-size:16px;  }
.about1_l ul li:hover a {   color:#eb3d01}
.about1_l ul .cur a {   color:#eb3d01}
.about1_l ul .cur::before{position: absolute; left:0; bottom: 1px; content: ""; width: 100%;height: 2px; background: #ec3c00;font-family: "iconfont" !important;}
.about1_l ul li:hover::before{position: absolute; left:0; bottom: 1px; content: ""; width: 100%;height: 2px; background: #ec3c00;font-family: "iconfont" !important;}

.about1_r a { display:inline-block; color:#999999;}
.about1_r a i{ display:inline-block;   font-family:"宋体"; font-style:normal; padding:0 3px;}
.about1_r a:last-child i{ display:none; }

.about2 { padding-top:70px;}
.about2_l  { width:50%}
.about2_r  { width:45%}
.about2_lt span{ display:block; font-size:36px; color:#eb3d01; font-family:"Arial"; font-weight:bold;}
.about2_lt h3 { color:#3d3d3d; font-size:36px; position:relative;}
.about2_lt h3::after{position: absolute; left:0; bottom:-25px; content: ""; width:50px;height:2px; background: #ec3c00;font-family: "iconfont" !important;}
.about2_li { line-height:2; color:#666666; font-size:17px; margin-top:55px;}


.about2_li { height:272px;    overflow-y: scroll; overflow-x: hidden;}

.about2_li::-webkit-scrollbar {

  /*滚动条整体样式*/

  width : 5px;  /*高宽分别对应横竖滚动条的尺寸*/

  height: 5px;

  }

.about2_li::-webkit-scrollbar-thumb {

  /*滚动条里面小方块*/

  border-radius: 10px;

  box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);

  background   : #e93d00;

  }
.about2_li::-webkit-scrollbar-track {

  /*滚动条里面轨道*/

  box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);

  border-radius: 10px;

  background:rgba(211,211,211,0.2);

  }



.about2_r img{ width:100%; display:block; }

.about3 { margin:87px auto 0; background:#f5f5f5;}
.about3 .value_info { padding:0;}
.about3 .value_info li{ border-right:1px solid #dddddd; padding:40px 0}
.about3 .value_info li:last-child{ border-right:none}
.about3 .value_info li:first-child {width:20%;}
.about3 .value_info li:first-child+li {width:20%;}
.about3 .value_info li:first-child+li+li {width:20%;}
.about3 .value_info li:first-child+li+li+li {width:20%;}
.about3 .value_info li:last-child {width:20%;}

.about4 { width:100%; background:#f5f5f5; position:relative; padding:73px 0 128px; overflow:hidden; margin-top:75px;}
.about4_img { position:absolute; right:0; top:100px; z-index:1}
.about4_t { text-align:center; position:relative; z-index:55}
.about4_t h3 { color:#3d3d3d; font-size:36px;}
.about4_t p::before { display:block; content: "";  margin-top:5px; width:100%; height:25px; background:url(../images/icon12.png) no-repeat center top; margin-bottom:15px;}
.about4_t p { color:#3d3d3d; font-size:18px;}
.about4_i { margin-top:56px; position:relative; z-index:55;}
.about4_i ul li { float:left; width:23.5%; margin-left:2%; position:relative; overflow:hidden;}
.about4_i ul li:first-child {   margin-left:0;}
.about4_i ul li img { width:100%; display:block;}
.about4_i ul li p { text-align:center;width:100%; padding:15px 0; background:rgba(0,0,0,0.5); color:#fff; position:absolute; left:0; bottom:-60px; transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;}
.about4_i ul li:hover p { bottom:0; transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;}

.about5_title {text-align:center; padding-top:80px;}
.about5_title h3 { color:#3d3d3d; font-size:36px;}
.about5_title p { display:block; content: "";  margin-top:5px; width:100%; height:25px; background:url(../images/icon12.png) no-repeat center top; margin-bottom:15px;}
.about5_l { width:50%; padding:40px 40px 43px;   }
.about5_r { width:50%;}
.about5_r img { width:100%; display:block}
.about5_info { overflow:hidden; margin-top:40px;box-shadow:0px 2px 9px 1px rgba(0,0,0,0.1);
    -moz-box-shadow:0px 2px 9px 1px rgba(0,0,0,0.1);
    -ms-box-shadow: 0px 2px 9px 1px rgba(0,0,0,0.1);
    -o-box-shadow: 0px 2px 9px 1px rgba(0,0,0,0.1);
    -webkit-box-shadow:0px 2px 9px 1px rgba(0,0,0,0.1);}
.about5_li { line-height:2; color:#333333; font-size:18px;}
.about5_lt { color:#ec3c00; font-size:32px; font-weight:bold; margin-bottom:15px;}

.about6 { padding:80px 0 50px;  margin-top:120px; width:100%;background-size: cover; background-position: center;  background-repeat: no-repeat; overflow: hidden;}
.about6_title  { text-align:center;}
.about6_title h3 { color:#fff; font-size:36px;}
.about6_title p { display:block; content: "";  margin-top:5px; width:100%; height:25px; background:url(../images/icon12.png) no-repeat center top; margin-bottom:15px;}


/* ===================内页发展历程========================== */ 
.mis-stage, .mis-slider, .mis-slide, .mis-container, .mis-container * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}
.mis-stage, .mis-slider {
    position: relative;
    overflow: hidden;
}
.mis-stage {
    width: 100%; /*  Set stage width as desired */
    text-align: center; /*  Center list navigation */
}
    .mis-slider {
	    list-style: none;
	    overflow: visible;
	    height: 100%;
	    margin-top: 0;
    }
        /*  Set slide width and padding */
        .mis-slide {
            /*  Set width in pixels to restrict width of slides 
                for multi-item slider, default is 100%
                for single-item slider. Use padding to add space 
                between slides */
	        width: 100%;
            height: auto;
	        padding: 0;
            display: block;
            position: relative;
            float: left;
            overflow: visible !important;
        }
        .mis-slide.mis-current {
            z-index: 100;
        }
            /*  Slide container - inserted around the contents
                of each slide by the plugin */
            .mis-container {
                display: block;
                width: auto;
                height: auto;
                border: 0;
            }
    /*  Style list navigation */
	.mis-nav-list {
		position: absolute;
		bottom:40px;
        width: 100%;
        margin: 0 auto; /* center it */
        z-index: 300;
        padding: 0;
	}
		.mis-nav-list li {
			display: inline-block;
			margin: 0 .25em;
		}
        .mis-nav-list li a { background:#fff;
			display: block;
			width: 12px;
			height: 12px;
			text-indent: 100%; /* Replace text */
            overflow: hidden;
            white-space: nowrap; 
			border-radius:20px; /* Make items round */
		    margin: 0 3px;
		}
		
		 .mis-nav-list .mis-current a { background:#ec3c00; }
		 
		 
    .mis-nav-buttons { width:100% !important; left:0 !important;
        display: block;
        position: absolute;
        height: 0;
        top:33% ;
        opacity:1 !important;
        z-index: 200;
    }
        .mis-nav-buttons a { width:49px; height:49px !important; padding:0 !important; overflow:hidden;
            position: absolute;
            color: #eee;
            font-size: 25px; /* Hide for browser except Android */  
            text-indent: -9999px; /* Hide for Android */
        }
            .mis-nav-buttons a:hover {
                color: #ccc;
            }
            .mis-nav-buttons a.mis-next {
                left: auto;
                right: 2%;
            }
            .mis-nav-buttons a.mis-prev {
                left: 2%;
            }
            .mis-nav-buttons a.mis-prev:before  {border-radius:70px; line-height:49px;    content: "\e660";display: block; font-size: 25px;text-indent: 0; width:49px; height:49px; background:#1e2538;font-family: "iconfont" !important;}
			.mis-nav-buttons a:hover.mis-prev:before {background:#ec3c00}
			.mis-nav-buttons a.mis-next:before  {border-radius:70px;line-height:49px;    content: "\e660";display: block; font-size: 25px;text-indent: 0;width:49px; height:49px; background:#1e2538;font-family: "iconfont" !important;transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);}
          .mis-nav-buttons a:hover.mis-next:before {background:#ec3c00}
			
 
    .mis-slider {
        /*  Slider element does not need to be a specific height
            Here we use it to create a stylish bar behind slides */
        margin-top: 138px;
        height: 80px;
       
    }
        .mis-slider li a {
            text-decoration: none;
            color: #666;
            display: block;
        }  
        .mis-slider li figcaption {
            font-size: 1.125em;
        }
        .mis-slider li img {
            /*  Make max-width of image a little less than width of slide
                to avoid some browser shinking bugs */
            max-width: 270px;
            /*  for really small screens make width 100% */
            width: 100%;
            /*  Make image round */
            border-radius: 135px;
            border: none;
        }
        .mis-slide {
            /*  Set width in pixels to restrict width of slides 
                for multi-item slider, default width is 100%
                for single-item slider. Use padding to add space 
                between slides */
	        width: 450px;/*控制数量*/
           
	        padding: 40px;
            /*  Undo the margin added by slider element */
            margin-top: -138px
        }
	.mis-stage ol li dl dt{ color:#fff; font-size:48px; padding-top:80px;}
	.mis-stage ol li dl dt::after { opacity:0;content:""; display:block;   width:40px; height:4px; background:#fff; margin:10px auto 0;transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;}
	.mis-stage ol li dl dd { opacity:0; line-height:1.5; color:#fff; font-size:14px;  margin-top:32px;transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;}	
	.mis-stage ol .mis-current	dl dt{ padding-top:0; font-size:80px;transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;} 
  
    .mis-stage ol .mis-current dl dt::after { opacity:1;transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;}
    .mis-stage ol .mis-current dl dd { opacity:1;transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;}
   
   
   
   

/* ===================内页发展历程========================== */ 

/* ===================内页企业风采========================== */ 
.about7 { padding-top:85px;}
.about7_title  { text-align:center;}
.about7_title h3 { color:#3d3d3d; font-size:36px;}
.about7_title p { display:block; content: "";  margin-top:5px; width:100%; height:25px; background:url(../images/icon12.png) no-repeat center top; margin-bottom:15px;}


 
.Productlist li{ padding:0.1rem; }
.Productlist .Box{ display: block; background:#fff;  }
.Productlist .Box img{ display: block; margin:0 auto; width:100%; }
.Productlist .cont{  margin-top:20px;  }
.Productlist .cont_t{ font-size:18px;   color:#3d3d3d; text-align:center; line-height:45px;}
 

/**首页**/

#IndexBlock2{ position: relative; padding-top:30px; }
#IndexBlock2 .container{ position: relative; z-index: 2; }
#IndexBlock2 .Productlist2{ overflow:hidden; }
#IndexBlock2 .Productlist{ margin:0; }
#IndexBlock2 .Productlist li{ padding:0; }
#IndexBlock2 .PBox{ position: relative;   }
#IndexBlock2 .PNBtn span{ cursor:pointer; position:absolute; top:50%; margin-top:-0.25rem; z-index:33333; display:block; height:50px; width:50px; border-radius:50%; z-index: 2; line-height:50px; }
#IndexBlock2 .PNBtn .prev{  left:-55px; }
#IndexBlock2 .PNBtn .prev::before{display: block;font-family: "iconfont" !important;
    width: 50px;
    height: 50px;
    position: absolute;
    left: 0;
    top: 0;
    text-align: center;
    line-height: 50px;
    font-size: 40px;
    content: "\e660";
    color: #e5e5e5;}
#IndexBlock2 .PNBtn .prev:hover::before{  color: #ec3c00;}	
#IndexBlock2 .PNBtn .next::before{display: block;font-family: "iconfont" !important;
    width: 50px;
    height: 50px;
    position: absolute;
    left: 0;
    top: 0;
    text-align: center;
    line-height: 50px;
    font-size: 40px;
    content: "\e660";
    color: #e5e5e5;
	transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
	
}	
#IndexBlock2 .PNBtn .next:hover::before{  color: #ec3c00;}		
#IndexBlock2 .PNBtn .next{  right:-55px; }


#IndexBlock1 .PBoxs{ position: relative; margin-bottom: 6.66%; }
#IndexBlock1 .PNBtn span{ position:absolute; top:50%; margin-top:-0.25rem; z-index:33333; display:block; height:0.5rem; width:0.5rem; border-radius:50%; z-index: 2; }
#IndexBlock1 .PNBtn .prev{ background:rgba(242,207,0,1) url(../images/icon_jt1_1.png) no-repeat 50% center; left:-0.7rem; }
#IndexBlock1 .PNBtn .next{ background:rgba(242,207,0,1) url(../images/icon_jt1_2.png) no-repeat 50% center; right:-0.7rem; }
#IndexBlock1 .PNBtn span:hover{ background-color: rgba(242,207,0,.6); }
 



/* ===================招商加盟========================== */ 
.job1 { padding-top:90px;}
.job1_title  { text-align:center;}
.job1_title h3 { color:#3d3d3d; font-size:36px;}
.job1_title p { display:block; content: "";  margin-top:5px; width:100%; height:25px; background:url(../images/icon12.png) no-repeat center top; margin-bottom:15px;}
.job1_l { width:35%}
.job1_r { width:35%}
.job1_info { background:url(../images/icon13.png) no-repeat center center; margin-top:100px; overflow:hidden;}
.job1_l ul li { padding-left:80px; height:65px; border-bottom:1px solid #999999; line-height:65px; margin-bottom:70px; position:relative;}
.job1_l ul li dl dd:first-child { font-size:55px; width:65px; height:65px; line-height:65px; background:#999999; color:#fff; text-align:center; font-weight:bold; position:absolute; left:0; bottom:0;}
.job1_l ul li dl dd:first-child+dd { font-size:26px;  color:#666666;  }
.job1_l ul li dl dd:last-child { height:1px; width:60px; background:#999999; position:absolute;  }
.job1_l ul li:first-child dl dd:last-child {  right:-55px; bottom:-16px;transform: rotate(210deg);
    -moz-transform: rotate(210deg);
    -ms-transform: rotate(210deg);
    -o-transform: rotate(210deg);
    -webkit-transform: rotate(210deg);}
.job1_l ul li dl dd:last-child span { display:block; width:100%; height:1px; position:relative}
.job1_l ul li dl dd:last-child span::after{ position:absolute; left:0; bottom:-2px; width:6px; height:6px; border-radius:20px; background:#999999; display:block; content:""}

.job1_l ul li:first-child+li dl dd:last-child { right:-31px; bottom:-1px; }
.job1_l ul li:first-child+li dl dd:last-child span::after{   left:auto; right:0; bottom:-2px; width:6px; height:6px; border-radius:20px; background:#999999; display:block; content:""}

.job1_l ul li:last-child dl dd:last-child { right:-31px; bottom:-1px; }
.job1_l ul li:last-child dl dd:last-child span::after{   left:0;  bottom:-2px; width:6px; height:6px; border-radius:20px; background:#999999; display:block; content:""}
.job1_l ul li:last-child dl dd:last-child {  right:-55px; bottom:12px;transform: rotate(153deg);
    -moz-transform: rotate(153deg);
    -ms-transform: rotate(153deg);
    -o-transform: rotate(153deg);
    -webkit-transform: rotate(153deg);}


.job1_r ul li { padding-right:80px; height:65px; border-bottom:1px solid #999999; line-height:65px; margin-bottom:70px; position:relative;}
.job1_r ul li dl dd:first-child { font-size:55px; width:65px; height:65px; line-height:65px; background:#999999; color:#fff; text-align:center; font-weight:bold; position:absolute; right:0; bottom:0;}
.job1_r ul li dl dd:first-child+dd { font-size:26px;  color:#666666; text-align:right  }
.job1_r ul li dl dd:last-child { height:1px; width:60px; background:#999999; position:absolute;  }
.job1_r ul li:first-child dl dd:last-child {  left:-55px; bottom:-16px;transform: rotate(-30deg);
    -moz-transform: rotate(-30deg);
    -ms-transform: rotate(-30deg);
    -o-transform: rotate(-30deg);
    -webkit-transform: rotate(-30deg);}
.job1_r ul li dl dd:last-child span { display:block; width:100%; height:1px; position:relative}
.job1_r ul li dl dd:last-child span::after{ position:absolute; left:0; bottom:-2px; width:6px; height:6px; border-radius:20px; background:#999999; display:block; content:""}

.job1_r ul li:first-child+li dl dd:last-child { left:-31px; bottom:-1px; }
.job1_r ul li:first-child+li dl dd:last-child span::after{   left:0;   bottom:-2px; width:6px; height:6px; border-radius:20px; background:#999999; display:block; content:""}

.job1_r ul li:last-child dl dd:last-child { left:-56px; bottom:14px !important; }
.job1_r ul li:last-child dl dd:last-child span::after{   left:0;  bottom:-2px; width:6px; height:6px; border-radius:20px; background:#999999; display:block; content:""}
.job1_r ul li:last-child dl dd:last-child {  right:-55px; bottom:12px;transform: rotate(30deg);
    -moz-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    -o-transform: rotate(30deg);
    -webkit-transform: rotate(30deg);}

/* ====加德宝润滑油竞争优势 ==== */ 
.job2 { width:100%; background:#f5f5f5; padding:70px 0; position:relative; overflow:hidden; margin-top:30px;}
.job2 .job2_img1 { position:absolute; right:0; top:10%;}
.job2 .job2_img2 { position:absolute; left:0; bottom:10%; z-index:1;}
.job2_info { position:relative; z-index:55; margin-top:30px;}
.job2_info ul li { width:49%; float:left; margin-left:1.5%; margin-bottom:1.5%; background:#fff; border:1px solid #e8e8e8; padding-bottom:20px; overflow:hidden;}
.job2_info ul li:nth-child(2n+1) {  margin-left:0;}
.job2_info ul li dl { }
.job2_info ul li dl dd:first-child { width:100%}
.job2_info ul li dl dd:first-child img { display:block;width:100%}
.job2_info ul li dl dd:first-child+dd{ height:68px; position:relative;}
.job2_info ul li dl dd:first-child+dd span { font-size:36px; font-weight:bold; width:76px; height:76px; background:#eb3d00; color:#fff; line-height:76px; text-align:center; position:absolute; left:30px; top:-40px;}
.job2_info ul li dl dd:first-child+dd+dd{ margin:0 30px; font-size:26px; color:#323232; font-weight:bold;}
.job2_info ul li dl dd:first-child+dd+dd em{   color:#eb3d00; font-style:normal;}
.job2_info ul li dl dd:last-child{ color:#4a4a4a; font-size:16px; line-height:1.7;  margin:10px 30px 0; }
.job2_info ul { display: flex;flex-direction: row;flex-wrap: wrap;}
.job2_info ul li { flex: auto;}

/* ==== 6大政策扶持,经销代理有保障  ==== */ 
.job3 { padding-top:60px;}
.job3_info { padding-top:30px;}
.job3_info ul { margin-right:-1px;}
.job3_info ul li { width:33.33%; margin:-1px 0 0 -1px; border:1px solid #cccccc; text-align:center; float:left; padding-bottom:45px;}
.job3_info ul li dl dd:first-child img{ display:block; height:60px; margin:70px auto 0;}
.job3_info ul li dl dd:first-child+dd { font-size:24px; color:#333333; font-weight:bold; margin-top:20px;}
.job3_info ul li dl dd:last-child { font-size:17px; color:#4c4c4c; line-height:1.8;margin-top:30px; padding:0 50px;}
.job3_info ul { display: flex;flex-direction: row;flex-wrap: wrap;}
.job3_info ul li { flex: auto;}

/* ==经销代理流程== */ 
.job4 { width:100%; margin-top:80px; padding:80px 0;     background-size: cover;  background-position: center;   background-repeat: no-repeat; overflow: hidden;}
.job4 .job1_title h3 { color: #fff;}
.job4_info{ padding-top:40px;}
.job4_info ul li{ width:14.2%; float:left; text-align:center; position:relative; }
.job4_info ul li span { display:block; width:110px; height:110px; border-radius:200px; margin:0 auto}
.job4_info ul li p { color:#fff; font-size:24px; margin-top:20px;}
.job4_info ul li::after{ display:block; content:""; width:27px; height:27px; background:url(../images/icon27.png) no-repeat center center; position:absolute; right:-5%; top:30%;}
.job4_info ul li:last-child::after{ display:none; }

/* ==市场见证 == */ 
.job5{   padding:80px 0 0 0;}
.job5_info { padding-top:40px;}
.job5_info ul li { float:left; width:32.33%; float:left; margin-bottom:1.5%; margin-left:1.5%;}
.job5_info ul li:nth-child(3n+1) {   margin-left:0;}
.job5_info ul li img { width:100%; display:block;}

.job6 { width:100%; background:#f5f5f5; margin-top:80px; padding:80px 0;}
.body_job .footer { margin-top:0}
.job6 .Productlist .Box{ display: block; background:none !important;}
.job6 .Productlist li a .cont_t { margin:0 10px; font-size: 24px; line-height:1;   color: #3d3d3d; text-align: left; padding-top:30px;display: -webkit-box;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;}
.job6 .Productlist li a { padding:10px 10px 20px; border:1px solid #e4e4e4}	
.job6 .Productlist li a  .cont_i {   margin:15px 10px 0;font-size: 14px;   color: #666666;   line-height:1.5;display: -webkit-box;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;}
.job6 .Productlist li a  .cont_s {  margin:15px 10px 0; color:#666666; padding-left:25px; background:url(../images/icon27.jpg) no-repeat left center;}
.job6 .PNBtn_info { width:100%; position:absolute; left:0; bottom:0;}
.job6 .PNBtn { width:160px; margin:0 auto;}
.job6 #IndexBlock2 .PBox { width:100%; padding-bottom:100px;}
.job6 #IndexBlock2 .PNBtn span { position:inherit;width: 40px;height: 40px; line-height:40px; float:left; margin:0 20px;}
.job6 #IndexBlock2 .PNBtn .next::before{ position:inherit;width: 40px;height: 40px; line-height:40px; font-size:20px; background:#3d3d3d; color:#fff; border-radius:80px;}
.job6 #IndexBlock2 .PNBtn .next:hover::before{   background:#ec3c00; }
.job6 #IndexBlock2 .PNBtn .prev::before{ position:inherit;width: 40px;height: 40px; line-height:40px;font-size:20px;background:#3d3d3d;color:#fff;border-radius:80px;}
.job6 #IndexBlock2 .PNBtn .prev:hover::before{   background:#ec3c00; }
.job6 . {}


/* ===================内页新闻列表========================== */ 
.newslist { padding-top:80px;}
.newslist ul li { margin-bottom:30px; background:#fff; overflow:hidden;}
.newslist ul li:last-child { margin-bottom:0}
.newslist ul li a { padding:30px; overflow:hidden; display:block;}
.newslist ul li a .newslist_l { width:27%; overflow:hidden;}
.newslist ul li a .newslist_r { width:68%;}
.newslist ul li a .newslist_l img {  width:100%;  display: block;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.newslist ul li:hover a .newslist_l img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.newslist ul li a .newslist_r dl dd:first-child { font-size:22px; font-weight:bold; color:#333333; margin-bottom:20px; margin-top:20px;}
.newslist ul li:hover a .newslist_r dl dd:first-child {   color:#ec3c00;  }
.newslist ul li a .newslist_r dl dd:first-child+dd { font-size:16px;   color:#666666; line-height:1.6;display: -webkit-box;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;}
.newslist ul li a .newslist_r dl dd:last-child {  color:#999999; margin-top:40px;}
.body_product .about1 { border:0}

	
 /* ===================页码========================= */ 
.page {margin:40px auto 0;clear: both;padding-top:10px;overflow:hidden; text-align:right; width:100%}
.page .first {background:#fff url(../images/page.png) 19px -82px no-repeat !important;}
.page .last {background:#fff url(../images/page.png) 19px -140px no-repeat !important;}

.page .next { position:relative;background:url(../images/icon29.png) no-repeat center center;}
.page .next:hover { background:#ec3c00 url(../images/icon29h.png) no-repeat center center;}
.page .prev { position:relative;  background:url(../images/icon28.png) no-repeat center center;}
.page .prev:hover { background:#ec3c00 url(../images/icon28h.png) no-repeat center center;}
.page span.page_list {overflow:hidden; }
.page  a { border-radius:5px;display:inline-block;  border:1px solid #cccccc; margin-left:-1px;padding:10px 15px; color:#000; margin:0 5px; }
.page span.page_rows {display:inline-block;background:#fff;border:1px solid #dddddd;padding:10px 15px; margin-left:-1px;color:#000; border-radius:5px;margin:0 5px;}
.page span.page_list a.selected {background: #ec3c00;border:1px solid #f17e00;color: #fff;}
.page a:hover {background: #ec3c00; color: #fff;}	


.news_l{ width:73%; }
.news_r{ width:25%}
.news { margin:30px auto 0;}
.news_content { padding:20px; background:#fff; overflow:hidden;}
.news_title { text-align:center; margin-top:30px;}
.news_title h1 { font-size:30px; color:#333333}
.news_title p { color:#999999; margin-top:10px;}
.news_info{ line-height:2; margin-top:30px; font-size:16px}

.news_next { background:#fff; padding:20px; margin-top:30px;}
.news_next dl dd { margin-bottom:20px;}
.news_next dl dd:last-child { margin-bottom:0;}
.news_next dl dd a { color:#333333;}
.news_next dl dd a:hover { color:#ec3c00;}

.news_r1 { background:#fff; padding:20px;}
.news_r1t { font-size:20px; }
.news_r1i ul li { line-height:17px; margin-bottom:20px; position:relative; padding-left:33px;}
.news_r1i ul li:last-child { margin-bottom:0;}
.news_r1i ul li a{display: -webkit-box; color:#666666;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
.news_r1i ul li:hover a{  color:#ec3c00; }
.news_r1i ul{ padding-top:30px; padding-bottom:20px; }
.news_r1i ul{counter-reset:sectioncounter;}
.news_r1i ul li:before { display:block; position:absolute; left:0; top:0; 
    content: counter(sectioncounter); counter-increment: sectioncounter; width:20px;  height: 20px;  text-align: center; line-height: 20px;  
    background: #ec3c00; color: #fff;  font-size: 16px;}
.news_r1i ul li:hover:before {  background: #ec3c00; color: #fff;   }
#rmtj { margin-top:30px;}

.news2 { padding:80px 0 0 0}
.news2_title { text-align:center; font-size:30px; font-weight:bold; color:#333333}
.news2_info ul li { float:left; width:23.5%; margin-left:2%; background:#fff; padding-bottom:30px; border-radius:10px; overflow:hidden;}
.news2_info { padding-top:30px;}
.news2_info ul li:first-child { margin-left:0}
.news2_info ul li dl dd:first-child { width:100%; overflow:hidden;  }
.news2_info ul li dl dd:first-child img {   width:100%;  display: block;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.news2_info ul li:hover dl dd:first-child img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.news2_info ul li dl dd:first-child+dd{ font-size:20px; color:#333333; text-align:center; font-weight:bold; margin:20px 20px}
.news2_info ul li dl dd:last-child{ line-height:1.5; color:#666666;  margin:0 20px;display: -webkit-box;  
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;}





 /* ===================合作案例========================= */ 
.case_title { text-align:center; color:#333333; padding-top:80px;}
.case_title h3 { font-size:35px;}
.caselist { padding-top:50px;}
.caselist ul li { float:left; width:23.5%; margin-left:2%; margin-bottom:2%; position:relative; overflow:hidden;}
.caselist ul li:nth-child(4n+1) {   margin-left:0;} 
.caselist ul li a img  {   width:100%;  display: block;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.caselist ul li:hover a img {-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.caselist ul li a p { font-size:18px; text-align:center; width:100%; height:50px;background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%); color:#fff; line-height:50px; position:absolute; left:0; bottom:0;}
 .news_img { margin-top:30px; text-align:center;}
 .news_img img { max-width:100%;}
.case_info { margin-top:30px;}
.case_info ul li { margin-bottom:20px}
.case_info ul li img {width:100%; display:block;}
.case_info ul li a p { margin-top:10px; color:#333333; text-align:center;}



 /* ===================产品详情========================= */ 
.product1 { margin:30px auto 0; background:#fff; overflow:hidden;}
.product1_info { padding:30px; overflow:hidden;}
.product1_l { width:28%;}
.product1_l img { width:100%;}
.product1_r { width:65%;}
.product1_rt { margin-top:30px;}
.product1_rt h1{ font-size:30px; color:#333333}
.product1_rd { line-height:2; color:#333333; margin-top:30px; font-size:16px;}
.product1_rm { margin-top:40px;}
.product1_rm a { width:160px; height:45px; line-height:45px; text-align:center; border:1px solid #ec3c00; color:#fff; background:#ec3c00; display:block;}
.product1_rm a i { display:inline-block; font-style:normal; position:relative; padding:10px 18px 10px;}
.product1_rm a i .icon { position:absolute; left:0; top:6px;}
.product1_rm a i .icon path {fill:#fff;}
.product1_rm a:hover {  border:1px solid #ec3c00; color:#ec3c00; background:#fff;  }
.product1_rm a:hover i .icon path {fill:#ec3c00;}
.product2 { padding:30px; background:#fff; margin-top:30px;}
.product2_title { font-size:25px;color:#333333; margin-top:20px; text-align:center;}
.product2_content {  line-height:2; font-size:16px; margin-top:30px;}
.product2_content img { max-width:100%;}
.product2_title span { display:inline-block; padding-bottom:10px; border-bottom:2px solid #ec3c00}

.product3{ padding:30px; background:#fff; margin-top:30px;}
.product3_t { font-size:20px;}
.product3_i #IndexBlock2 .PNBtn .next { right: -30px;}
.product3_i #IndexBlock2 .PNBtn .prev { left: -30px;}

.prod { padding-top:30px;}
.prod_l { width:20%;}
.prod_r { width:75%;}
.prod_lt { font-size:30px; padding:30px 0; text-align:center; background:#ec3c00; color:#fff;}
.prod_li ul li { margin-top:1px;}
.prod_li ul li a { font-size:18px; display:block; padding-left:40px; background:#f2f2f2; height:50px; line-height:50px; color:#333333; position:relative;}
.prod_li ul li:hover a {   background:#ec3c00;  color:#fff}
.prod_li ul .cur a {   background:#ec3c00;  color:#fff}
.prod_li ul li a i { display:block; height:50px; width:50px; font-style:normal; position:absolute; right:10px; top:0}
.prod_li ul li a i::before{ font-size:25px; content:"\e8f9";font-family: "iconfont" !important; display:block; color:#fff; width:50px; height:50px; opacity:0}
.prod_li ul li:hover a i::before{  opacity:1}
.prod_rt { text-align:center;   margin-top:50px;}
.prod_rt h1{  font-size:30px; color:#333333; display:inline-block; padding-bottom:20px; border-bottom:2px solid #ec3c00}
.prod_ri {  line-height:2; font-size:16px; margin-top:30px;}
.prod_ri img { max-width:100%;}
.prod_rtj { padding:20px 20px;    background: #eee; margin-top:30px;}
.prod_rtj span { display:block; font-size:20px; color:#333333; padding-left:10px; border-left:3px solid #ec3c00;  height:20px;line-height:20px; }
.prod_rin { padding-top:20px;}
.prod_rin li { float:left; width:45%; margin-left:10%; height:50px; line-height:50px; padding-left:15px; position:relative;}
.prod_rin li:nth-child(2n+1) { margin-left:0;}
.prod_rin li a { color:#333333; display:block; width:75%; float:left; font-size:16px;display: -webkit-box;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;}
.prod_rin li a:hover { color:#ec3c00;}
.prod_rin li span { color:#959595; display:block; width:18%; float:right; text-align:right;}
.prod_rin li::before{ display:block; border:1px solid #d7d7d7; border-radius:20px; width:8px; height:8px; content:""; position:absolute; left:0; top:22px;}

 /* ===================联系我们========================= */ 
.contact1 { padding-top:80px;}
.contact1 { text-align:center;}
.contact1 h3 { font-size:30px; color:#3333333}
.contact1 p { font-size: 16px;color: #666666; margin-top: 10px;}
.contact2 { margin-top:80px; padding-top:80px; border-top:1px solid #dedede; width:100%;}
.contact1_info ul li { float: left; text-align:center; width:25%;}
.contact1_info ul li dl dd:first-child span { display:block; width:94px; height:94px; border-radius:100px; margin:0 auto }
.contact1_info ul li:first-child dl dd:first-child span {   background:#ec3c00 url(../images/icon30.png) no-repeat center center}
.contact1_info ul li:first-child+li dl dd:first-child span {   background:#ec3c00 url(../images/icon31.png) no-repeat center center}
.contact1_info ul li:first-child+li+li dl dd:first-child span {   background:#ec3c00 url(../images/icon32.png) no-repeat center center}
.contact1_info ul li:first-child+li+li+li dl dd:first-child span {   background:#ec3c00 url(../images/icon33.png) no-repeat center center}
.contact1_info ul li dl dd:first-child+dd { font-size:20px; color:#000; margin:30px 0}
.contact1_info ul li dl dd:last-child { font-size:16px; color:#555555; line-height:2}

.inner_message { width:100%; margin-top:100px; overflow:hidden; background: #f2f2f2; padding:80px 0;}
.inner_message_l { width:50%;}
.inner_message_l img { width:100%;}
.inner_message_r { width:45%;}

.body_contact .footer { margin-top:0}
.inner_con_l { width:100%;} 
.inner_con_l ul li { margin-bottom:4%; overflow:hidden;}
.inner_con_l ul li .field2_title { width:10%; float:left; font-size:16px; line-height:35px; color:#636563; }
.inner_con_l ul li .field2 { width:90%; float:right;}
.inner_con_l ul li .field2 .text { width:100%; height:35px; background:#fff; color:#636563; line-height:35px; border:1px solid #d9d9d9; padding:0 2%;}
.inner_con_l ul li .field2 .textarea { width:100%; height:100px; background:#fff; color:#636563; line-height:1.5; border:1px solid #d9d9d9; padding:0 2%;}
.inner_con_l ul li .submit .btn{  
    display: block;
    float: right;
    width: 150px;
    height: 42px;
    background-color: #979797;
    border: none;
    text-align: center;
    padding: 0;
    color: #fff;
    border-radius: 2px;
    -webkit-transition: all .3s;
    transition: all .3s;}
.inner_con_l ul li .submit .btn:hover{ background-color: #c9242b; color:#fff;}
.inner_message_r h3 { font-size:20px; font-weight:bold;color:#333333; margin-bottom:20px;}
.inner_message_r h3::after{ content:""; width:60px; margin:20px 0 40px; height:2px; background:#fd020e; display:block;}
.inner_con_l ul li:last-child { margin-bottom:0; }
.inner_message_l #map { width:100%; height:500px;}





.brandlist { padding-top:50px;}
.brandlist ul li { float:left; width:20%; margin-left:3%; margin-bottom:3%;}
.brandlist ul li:nth-child(4n+1) {  margin-left:0;}
.brandlist ul li dl dd:first-child { width:100%; overflow:hidden;}
.brandlist ul li dl dd:first-child img{ width:100%; display:block;}
.brandlist ul li a dl dd:last-child { text-align:center; font-size:16px; color:#333333; margin-top:10px;}
.brandlist ul li:hover a dl dd:last-child {  color:#ec3c00; }


.select2{height: 70px;position:relative;  width:100% ; text-align:right; display:none;}
.select2 dt{height:35px;display:inline-block; line-height:200px;font-weight:bold; margin-top:20px;  cursor:pointer;width:120px;padding-right:12px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;position:relative;z-index:99;font-family: "iconfont";}
.select2 dt:hover,.select2 dt.cur{}
.select2 dd{position:absolute;left:0;top:72px;background:#fff;display:none; width:100%; z-index:30;}
.select2 dd ul{padding:8px;width:100%; overflow:auto; text-align:left; border:1px solid #e5e7eb;}
.select2 dd ul li a{line-height:45px;display:block;padding:0 8px; border-bottom:1px solid #e5e7eb; color:#000;}
.select2 dd ul li a:hover{background:#c21c31; color:#fff;}
.select2 dt::before { transform: rotate(270deg); right:0; top:0;
    text-indent: 0;
    content: "\e660";
    display: block;
    width: 35px;
    line-height: 35px;
    text-align: center;
    height: 35px;
    color: #000;
    font-size: 17px;
    position: absolute;transition:all 1s; -moz-transition:all 1s; -ms-transition:all 1s; -o-transition:all 1s; -webkit-transition:all 1s;}
.select2 .cur::before { transform: rotate(90deg);transition:all 1s; -moz-transition:all 1s; -ms-transition:all 1s; -o-transition:all 1s; -webkit-transition:all 1s; }	
.select2 dd ul li a em { font-style:normal;}	
.select2 dd ul li:last-child a {border-bottom:none;}


@media only screen and (max-width: 1920px){	
      .nav_z .nav {  width: 72%;}
 
	   
}


@media only screen and (max-width: 1830px){	
        .nav_z .nav ul li a {  font-size: 17px;}
        .nav_z .nav ul li {   margin-left: 3.6%;}
	   
}

@media only screen and (max-width: 1800px){	
       .fz { width: 90%;}
 
	   
}
@media only screen and (max-width: 1700px){	
      .nav_z .nav ul .search {   margin-left: 95px;}
	  .logo {  margin-left:3%;}
	  .nav_z .nav { margin-right:3%;}
	  .nav_z .nav ul .language {  margin-left:40px;}
      .index1_r_info dl dd:first-child+dd h1 { font-size: 40px;}
	  .index1_r_info dl dd:first-child+dd+dd {  font-size: 18px;}
	  .index1_r_info dl dd:last-child { font-size: 15px;}
	  #seventh span {  font-size: 40px;}
	  .index1_r_info dl dd:first-child img { height: 45px;}
	  .index_title h3 { font-size: 40px;}
	  .index_title p { font-size:18px;}
	  .industry-style a em p:first-child { font-size: 25px;} 
	  .industry-style a span {background-size:43% !important; line-height:70px; width: 70px; height: 70px;}
	  .industry-bot {  width: 90% !important;}
       .industry-style a::after {   right: 14%;}
	  
	  
	  
	  
	  
	  
	  
	  
	  
}

@media only screen and (max-width: 1620px){	
     .logo {width: 18%;}
	 .nav_z .nav { width:72%}



}
@media only screen and (max-width: 1600px){	
    .nav_z .nav ul .language { margin-left: 30px;}
    .nav_z .nav ul .search {    margin-left:70px;}
    .industry-style a::after { display:none;}
	.ins_l dl dd:first-child p { font-size: 20px;}
	.ins_l dl dd:last-child p { font-size: 14px;}
}

@media only screen and (max-width: 1550px){	
    .nav_z .nav ul li { margin-left:3%;}
    .index1_z { background-size:99% !important;background: url(../images/img5.jpg) no-repeat center 20px;}
	.index3_contents ul li a dl dd:first-child+dd { font-size: 17px; margin-top: 15px;}
	.index3_contents ul li a dl dd:last-child{   margin-top: 15px;}
	.index3_more a {font-size: 14px; width: 170px;  height: 45px; line-height:45px;}
	.index3_more a i{font-size: 12px;}
    .index3_more{width: 170px;}
	.about5_li {  font-size: 17px;}
	.prod_rin li a { width:70%;}
	.prod_rin li span { width:28%;}
	.job1_title h3 {   font-size: 30px;}
   .job1_l ul li dl dd:first-child {  font-size: 30px;   width: 45px;  height: 45px;  line-height: 45px;}
   .job1_l ul li dl dd:first-child+dd { font-size: 20px;}
   .job1_l ul li { padding-left: 60px;  height: 45px;   line-height: 45px;}
   
   .job1_r ul li dl dd:first-child {  font-size: 30px;   width: 45px;  height: 45px;  line-height: 45px;}
   .job1_r ul li dl dd:first-child+dd { font-size: 20px;}
   .job1_r ul li {   height: 45px;   line-height: 45px;}
	
}

@media only screen and (max-width: 1450px){	

  .logo img { height: 50px; margin-top: 18px;}
  .about5_li {  font-size: 16px;}
  .job4_info ul li span {  width: 90px; height: 90px; background-size:40% !important;}
  .job4_info ul li p {  font-size: 18px;}
  .job4_info ul li::after{    background-size:45% !important;}
  
  
  
  
  
}


@media only screen and (max-width: 1410px){	
    .nav_z .nav ul li { margin-left:2%;}252
	
    .nav_z .nav ul .language{ margin-left:2%;}
	.nav_z .nav ul .search {    margin-left:3%;}
    .index1_r_info dl dd:last-child {line-height:1.8;  margin-top: 45px;}
	.index1_r::before {   top: 158px;}
	.index5 {  padding-top: 90px;}
	 .industry-bot {   margin: 50px auto 30px}
	.industry-top .newBtn1 { left: -44px;}
	.industry-top .newBtn2{ right: -44px;}
	 .newBtn .iconfont { width: 40px;  height: 40px;}
	 .newBtn div {   width: 40px;  height: 40px;}
	 .newBtn .iconfont::before { font-size: 15px;  width: 40px;  height: 40px; line-height:40px;}
	 .ins_l dl dd:first-child:after { display:none;}
	 .cont li .cont_r dl dd:last-child { display:none;}
	 .p_catname {  font-size: 30px;}
	 .about1_l ul li a { font-size: 15px;}
	 .about1_l ul li { padding: 0 5px; margin-right: 5px;}
	 .index1_r_info dl dd:last-child {height: 207px;}
	 .about2_li { height: 210px;}
}

@media only screen and (max-width: 1300px){	
    .nav_z .nav ul .tel { display:none;} 
	.nav_z .nav ul li { margin-left: 3%;} 
	.nav_z .nav {  width: 75%;}
    .nav_z .nav ul li a { font-size: 14px;}
	.index1_r_info dl dd:first-child+dd h1 { font-size: 30px;}
    .index1_r_info dl dd:first-child+dd+dd {  font-size: 16px;}
	.index1_r::before {  top: 143px;} 
	.buttonBox p { font-size: 14px;}
	.index1_r_info dl dd:last-child { font-size: 13px;}
	.index_title h3 { font-size:30px;}
	 .index_title p {  font-size: 16px;}
	.about1_l ul li a { font-size: 14px;}
	.job2 .job2_img1 {  top: 25px;}

}

@media only screen and (max-width: 1200px){	 
   .nav_z .nav ul li { margin-left: 2%;}
   .newBtn .iconfont { width: 35px;  height: 35px;}
   .newBtn div {   width: 35px;  height: 35px;}
   .newBtn .iconfont::before { font-size: 15px;  width: 35px;  height: 35px; line-height:35px;}
   .industry-top .newBtn1 { left: -40px;}
   .industry-top .newBtn2 { right: -40px;}
   .industry-top .newBtn div { margin-top:0}
   .index6 {  padding-top:60px;}
   .cont li .cont_r dl dd a .cont_info_l { width:90px; height: 90px;}
   .cont li .cont_r dl dd a .cont_info_r .cont_info_rt { font-size: 18px;}
   .cont li .cont_r dl dd a .cont_info_r .cont_info_ri { font-size: 16px;}
   .cont li .cont_r dl dd a .cont_info_l span {  margin-top: 8px; font-size: 35px;}
   .cont li .cont_l a .cont_lt{ font-size: 18px;}
   .index7 { margin-top: 50px;  padding: 60px 0 0;}
   .index7_dt h3 span { font-size:20px;}
   .footer_bi dl dd { font-size: 14px;}
   .about6 {   padding: 50px 0 50px; margin-top: 60px;}
   .about7 {  padding-top: 50px;}
   #IndexBlock2 .PNBtn .next {  right: 0;}
   #IndexBlock2 .PNBtn .prev {  left: 0;}
   #IndexBlock2 .PNBtn span {  top: 36%;}
   .search {  height: auto;  line-height: 1.5; padding:15px 0; overflow:hidden;}
   .search_r { margin-top: 6px;width:45%}
   .search_l dl dd { font-size:14px}
   .search_l { width:55%}
   .p_class ul li { font-size:16px}
   #a_case .about1_l { display:none;}
   #a_case .search_r { float:left;    margin-top: 14px;}
   #a_case  {   height: auto; line-height: 1.5;}
   #a_case .select2{ display:block;}
   .case_title h3 { font-size: 30px;}
   .case_title { padding-top:50px}
   .newslist ul li a .newslist_r dl dd:first-child { font-size: 20px;  margin-bottom: 20px;  margin-top: 0;}
   .newslist ul li a { padding:20px;}
   .inner_message_l  { width:100%}
	.inner_message_r  { width:100%; margin-top:30px;}
   .inner_message {   padding:0 0 50px ;}
    .job1_info { background-size:30% !important}
	.job1 {  padding-top: 40px;}
	.job1_info { margin-top:50px;}
	.job4_info ul li span {  width: 70px; height: 70px; background-size:40% !important;}
  .job4_info ul li p {  font-size: 16px;}
  .job4_info ul li::after{    background-size:45% !important;}
   
}

@media only screen and (max-width: 1100px){	
 
	.nav_z .nav ul li { margin-left: 2%;} 
 
	
	
}
@media only screen and (max-width: 1024px){	
     .fixed .m_img .headlf .m_logo { height: 40px;}
	 .cont li .cont_r dl dd:last-child { display:none;}
	 .industry-bot {  width: 96% !important;}
	 .industry-style a em p:first-child { font-size: 20px;}
	 .industry-style a em p:last-child {  font-size: 14px;}
	 .industry-style a span { background-size: 43% !important;line-height:50px;  width: 50px; height: 50px; margin-left:10px;}
	 .industry-style a em {  padding-left: 10px;}
	 .industry-style a em p:first-child {  margin-top: 0;}
     .cont li .cont_r dl dd a .cont_info_r { width: 74%;}
	 .about1_l { display:none;}
	 .about1_r {  width: 60%; text-align: left; float:left;}
	 .select2{ display:block}
	 .about2_l { width:100%; float:none}
	 .about2_r { width:100%; float:none; margin-top:30px;}
	 .about2_li {
    height: auto;
    overflow-y: auto;}
	 .about2 {  padding-top:40px;}
	 .about3 { margin:30px auto 0;}
	 .fz { width: 94%;}
	 .about2_lt h3 { font-size: 30px;}
	 .about2_li { font-size:16px;}
	 .about4_img { width:15%;    top: 20px;}
	 .about4_img img{ width:100%;}
	 .about5_l { width:100%; float:none;}
	 .about5_r { width:100%;float:none;}
	 .about5_lt {  font-size:28px;}
	 .about5_l {  padding:30px}
	 #p_about .search_r { width:60%; float:left}
	 #p_about .search_r {  margin-top: 16px;}
	 .prod_l { width:100%; float:none;clear:both; border-bottom:1px solid #d3d3d3}
	 .prod_r { width:100%; float:none; clear:both}
	 .prod_li { display:none;}
	 .prod_lt { width:50%; float:left; background:#fff; font-size:20px; color:#333333; padding:0; text-align:left}
	 .prod .select2 {height:45px;}
	 .prod .select2 dt {   margin-top: 0;}
	 .news_l { width:100%;}
	 .news_r { width:100%; margin-top:20px;} 
	 .case_info ul li { width:48.5%; margin-left: 3%; margin-bottom:3%}   
 
	.case_info ul li:nth-child(2n+1) {  margin-left: 0;} 
	.case_info ul { display: flex;flex-direction: row;flex-wrap: wrap;}
    .case_info ul li { flex: auto;}
	 .news_next {  margin-top: 20px;}
	 #rmtj {  margin-top: 20px;}
	 .news2 {  padding:50px 0 0 0;}
}

@media only screen and (max-width: 950px){	
    .index1_l  { width:100%; float:none;} 
    .index1_r  { width:100%;float:none; margin-top:30px; padding-left:0} 
    .index1_r_info dl dd:last-child {  font-size: 14px;}
    .industry-top .newBtn {    width: 80%;  left: 10%;}
    .industry-top .newBtn1 {left: -7%;}
    .industry-top .newBtnr {right: -7%;}
    .cont li .cont_r dl dd a .cont_info_r { width: 70%;}
    .index7_dt h3 span { background-size:22% !important;    padding-left: 35px;}
    .index7_dt { line-height: 70px;}
    .index7_dt i { width: 31%;}
	.index7_dt h3{ width: 30%;}
	.job1_l ul li dl dd:first-child+dd { font-size: 16px;}
	.job1_r ul li dl dd:first-child+dd { font-size: 16px;}
    .job1_l ul li dl dd:first-child { font-size: 25px; width:35px;  height: 35px;  line-height: 35px;}
    .job1_r ul li dl dd:first-child { font-size: 25px; width:35px;  height: 35px;  line-height: 35px;}
    .job2_info ul li dl dd:first-child+dd span { font-size: 30px;  width: 55px; height: 55px; line-height: 55px; left: 20px;  top: -28px;}
	.job2_info ul li dl dd:first-child+dd { height: 47px;}
	.job2_info ul li dl dd:first-child+dd+dd { font-size: 20px;    margin: 0 20px;}
	.job2_info ul li dl dd:last-child { font-size: 15px;  margin: 10px 20px 0;}
	.job2 .job2_img1 { width:100px;}
	.job2 .job2_img2 { width:120px;  bottom: 10px;}
}




@media only screen and (max-width: 850px){	

     .value_info li:first-child { width: 33.33%;}
	 .value_info li:first-child+li { width: 33.33%;}
	 .value_info li:first-child+li+li { width: 33.33%;}
	 .value_info li:first-child+li+li+li { width:50%; margin-top:40px;}
	 .value_info li:last-child { width:50%;margin-top:40px;}
	 .footer_a { width: 45%;}
	 .footer_b { width: 45%; margin-left:10%}
	 .footer_c { width:100%; margin-top:30px;}
	 .footer_ci dl{ margin:0 auto; width:50%;}
	 
	 .about3 .value_info li:first-child { width: 33.33%;}
	 .about3 .value_info li:first-child+li { width: 33.33%;}
	 .about3 .value_info li:first-child+li+li { width: 33.33%; border-right:0}
	 .about3 .value_info li:first-child+li+li+li { width:50%; margin-top:0;    border-top: 1px solid #dddddd;}
	 .about3 .value_info li:last-child { width:50%;margin-top:0; border-top: 1px solid #dddddd;}
	 .about4 {  padding: 50px 0 50px;   margin-top: 50px;}
	 .job1_l { width:100%} 
	 .job1_r { width:100%}
	 .job1_l ul li { margin-bottom:20px; width:70%}
	 .job1_r ul li  { width:70%}
	 .job1_r ul li dl dd:first-child{ right:auto; left:0}
	 .job1_r ul li { margin-bottom:20px; padding-left:60px;}
	 .job1_r ul li dl dd:first-child+dd  { text-align:left}
	 .job1_info { background: url(../images/icon13.png) no-repeat right center;}
	 .job1_l ul li dl dd:last-child { display:none;}
	 
}


@media only screen and (max-width: 768px){	
     .index1_z { padding-top:40px;background: url(../images/img5.jpg) no-repeat center bottom;    background-size: 100% !important;}
	 .index2_contet ul li { width:48.5%; margin-left: 3%;}   
     .index2_contet ul li:nth-child(3n+1) {  margin-left: 3%;}
	 .index2_contet ul li:nth-child(2n+1) {  margin-left: 0;}
	 .index2_contet ul li:first-child{  margin-left: 0;}
	 .index2_icon {  width: 18%;}
	 .index3_contents ul li { width:48.5%; margin-left: 3%;}   
     .index3_contents ul li:nth-child(3n+1) {  margin-left: 3%;}
	 .index3_contents ul li:nth-child(2n+1) {  margin-left: 0;}
	 .index3_contents ul li:first-child{  margin-left: 0;}
	 .ins-con { position:inherit;background: rgba(0,0,0,0);}
	 .industry-top .swiper-slide { transform: scale(1); height:auto !important}
	 .industry-top .swiper-slide a { position:inherit;}
     .swiper-wrapper{height:auto !important}
	 .ins_l dl dd:first-child p { color:#333333;}
	 .ins_l dl dd:last-child p{ color:#333333;}
     .ins_l { width:100%; float:none; overflow:hidden;}
	 .ins_r { width:100%; float:none; margin-top:20px;}
	 .industry-top .newBtn { top:300px;}
	 .mF_tab .btn li {  font-size: 18px;  height: 50px; float:left;  display:block;  margin: 0 0 0 3%;width:31.33% !important}
	 .mF_tab .btn li:first-child {   margin:0;  }
	 .mF_tab .btn li a {  width: 100%;   height: 50px;  line-height: 50px;}
	 .cont li .cont_l { width:100%; float:none;}
	 .cont li .cont_r { width:100%; float:none; margin-top:30px;}
	 .cont { margin-top:30px;}
	 .cont li .cont_r dl dd:last-child { display:block;}
	 .cont li .cont_r dl dd a .cont_info_r {width: 82%;}
	 .index7_more a {     width: 123px; height: 40px; line-height: 40px; font-size: 14px;}
	 .index7_content {  padding: 40px 0 50px; font-size:14px;}
	 .index7_z {   padding-bottom: 150px;}
	 .index8_z ul li { width:48.5%; margin-left: 3%;}   
     .index8_z ul li:nth-child(3n+1) {  margin-left: 3%;}
	 .index8_z ul li:nth-child(2n+1) {  margin-left: 0;}
	 .index8_z ul li:first-child{  margin-left: 0;}
	 .index8_z ul li a p:last-child { font-size:14px;}
	 .footer {   margin-top:50px}
	 .about1 { height: 55px; line-height: 55px;}
	 .select2 { height: 55px;}
	 .select2 dt {  margin-top: 12px;}
	 .select2 dd { top: 54px;}
	 .prod .select2 dd { top: 45px;}
	 .about2_l { width: 100%;}
	 .about2_r { width: 100%;}
	 .about4_t h3 { font-size:30px;}
	 .about4_t p {  font-size: 16px;}
	 .about4_i ul li { width:48.5%; margin-left: 3%; margin-bottom:3%}   
     .about4_i ul li:nth-child(3n+1) {  margin-left: 3%;}
	 .about4_i ul li:nth-child(2n+1) {  margin-left: 0;}
	 .about4_i ul li:first-child{  margin-left: 0;}
	 .about5_title {  padding-top:50px;}
	 .about5_title h3 { font-size: 30px;}
     .about6_title h3 {  font-size: 30px;}
	 .about7_title h3 {  font-size: 30px;}
	 #IndexBlock2 {  padding-top:10px;}
	.search_r { margin-top: 15px;width:100%}
    .search_l dl dd { font-size:14px}
    .search_l { width:100%}
	.productlist1 ul li { width:48.5%; margin-left: 3%; margin-bottom:3%}   
    .productlist1 ul li:nth-child(4n+1) {  margin-left: 3%;}
	.productlist1 ul li:nth-child(2n+1) {  margin-left: 0;}
	.productlist1 ul li:first-child{  margin-left: 0;} 
	.productlist1 ul { display: flex;flex-direction: row;flex-wrap: wrap;}
    .productlist1 ul li { flex: auto;}
    .productlist1 ul li:last-child { flex: none;}
	.p_class ul li {  margin-bottom: 5px;}
	.p_class { padding-top:40px;}
	.product1_rt h1 {  font-size: 30px;}
	
	
	.caselist ul li { width:48.5%; margin-left: 3%; margin-bottom:3%}   
    .caselist ul li:nth-child(4n+1) {  margin-left: 3%;}
	.caselist ul li:nth-child(2n+1) {  margin-left: 0;}
	.caselist ul li:first-child{  margin-left: 0;} 
	.caselist ul { display: flex;flex-direction: row;flex-wrap: wrap;}
    .caselist ul li { flex: auto;}
    .caselist ul li:last-child { flex: none;}
	#a_case .search_r { width:50%; margin-top: 8px;}
	#a_case {  padding: 10px 0;} 
	.page a { padding: 5px 10px;} 
    .page .next{ padding: 6px 12px;} 
	.page .prev{ padding: 6px 12px;} 
	
	.news2_info ul li { width:48.5%; margin-left: 3%; margin-bottom:3%}    
	.news2_info ul li:nth-child(2n+1) {  margin-left: 0;} 
	.news2_info ul { display: flex;flex-direction: row;flex-wrap: wrap;}
    .news2_info ul li { flex: auto;}
    .news2_info ul li:last-child { flex: none;}
	.news2_info ul li dl dd:first-child+dd { font-size:16px;}
	.newslist { padding-top:40px;}
	.newslist ul li a .newslist_r dl dd:first-child+dd { font-size: 14px;}
	.newslist ul li a .newslist_r dl dd:last-child { font-size: 12px; margin-top:10px;}
	.newslist ul li a .newslist_r dl dd:first-child { font-size: 18px;   margin-bottom: 10px;}
	.news_title h1 { font-size:20px;}
	.news_title p { font-size:12px;}
	.news2_title { font-size:20px;}
	.contact1 h3 { font-size:25px;}
	.contact1 p { font-size: 14px;}
	.contact1_info ul li { width:50%; margin-bottom:30px;  flex: auto;}
	.contact1_info ul { display: flex;flex-direction: row;flex-wrap: wrap;}
    .contact1_info ul li dl dd:first-child+dd {   margin: 30px 0 15px;}
    .contact1 { padding-top:50px;}
	.contact2 {  margin-top: 50px; padding-top: 50px;}
	.inner_message {  margin-top: 50px;  padding:0 0 50px ;}
	.contact1_info ul li dl dd:first-child span { width:60px; height: 60px; background-size:40% !important;}
	.contact1_info ul li dl dd:last-child { font-size: 14px; line-height: 1.6;}
	.job4 { width: 100%;  margin-top: 50px; padding: 50px 0;}
	.job4_info ul li {width:25%;}
	.job4_info ul li:first-child+li+li+li::after { display:none;}
	.job4_info ul li:first-child+li+li+li+li { margin-top:30px; margin-left:12.5%}
	.job4_info ul li:first-child+li+li+li+li+li { margin-top:30px;}
	.job4_info ul li:last-child { margin-top:30px;}
	.job5 { padding: 50px 0 0 0;}
	.job5_info {  padding-top:20px;}
	.job5_info ul li { width:48.5%; margin-left: 3%; margin-bottom:3%}   
    .job5_info ul li:nth-child(3n+1) {  margin-left: 3%;}
	.job5_info ul li:nth-child(2n+1) {  margin-left: 0;}
	.job5_info ul li:first-child{  margin-left: 0;} 
	.job6 {  margin-top:50px; padding: 50px 0;}
	.job6 .Productlist li a .cont_t {  font-size: 18px;}
 
	
	
	
	
	
	
	
	
	
	
	
	
	
	
}






@media only screen and (max-width: 700px){	

   
	.fz {  width: 94%;}
	.prod_rin li { width:100%; margin-left:0}
    .job3_info ul li { width:50%}
	.job3_info ul li dl dd:first-child+dd {  font-size: 20px;}
	.job3_info ul li dl dd:last-child { font-size: 15px;   margin-top: 30px;  padding: 0 20px;}
	
	
	
	
	
	
}

@media only screen and (max-width: 650px){	
 
     .industry-style a span {  background-size: 43% !important;  line-height: 35px;  width: 35px;  height: 35px;} 
	 .industry-style a em p:first-child { font-size:16px;}
	  .industry-style a em p:last-child { font-size: 12px;}
	 .mF_tab .btn li {  font-size: 16px; }
	 .cont li .cont_r dl dd a .cont_info_r {width: 80%;}
	 .cont li .cont_r dl dd {  margin-bottom: 30px;}
	 #seventh span {  font-size: 30px;}
	 .about3  { overflow:hidden;}
	 #seventh em i { right: -25px;}
	 .product1_l { width:100%}
	 .product1_r { width:100%} 
	 .product1_info { padding:20px}
	 .product2 {  padding: 20px;  margin-top: 20px;}
	 .Productlist .cont_t { font-size: 14px;   line-height: 1.5; padding-top:10px;}
	  #p_about  { height: auto; line-height: 1.5;  padding: 15px 0;}
	  #p_about .search_r { margin-top:10px}
	  #p_about .select2 dd { top: 70px;}
	 .job1_l ul li {  width:80%}
	 .job1_r ul li  { width:80%}
	 
	 
	 
	 
	 
	 
	 
	 
	 
}
@media only screen and (max-width: 600px){	
    .industry-style a span {  background-size: 43% !important;  line-height:50px;  width: 50px;  height: 50px;} 
	.industry-style a span { display:block; float:none; margin:0 auto}
	.industry-style a em { display:block; float:none; text-align:center; margin-top:10px;}
	.industry-top .img100:before {background: rgba(0,0,0,0);}
	.ins-con { opacity:1}
	.industry-bot {  height:90px}
	.ins_l dl dd { float:none; width:100% !important;}
	.ins_l dl dd:first-child p { display:inline-block; margin-bottom:10px;}
	.ins_l dl dd:last-child p { display:inline-block}
	.index5 {  padding-top:40px;}
	.industry-bot {  margin: 40px auto 30px !important;}
	.footer_a { width:100%}
	.footer_b { width:100%; margin-left:0; margin-top:30px;}
	.footer_ci dl {  width: 70%;}
	.index8_z {  padding-bottom: 40px;}
	.about1_r a{ font-size:12px;}
	.about1_r {  width: 100%; position:absolute; left:0; top:0}
	.about1_z  { position:relative;}
	.mis-stage ol .mis-current dl dt{ font-size:60px;} 
    .job2_info ul li { width:100%; margin-left:0}
	
}
@media only screen and (max-width: 550px){	
   .cont li .cont_r dl dd a .cont_info_r {width: 78%;}
   .newslist ul li a .newslist_l { width:100%}
   .newslist ul li a .newslist_r { width:100%; margin-top:20px;}
  
}





@media only screen and (max-width: 500px){	
   #seventh span {font-size: 30px;}
   #seventh em i {   width: 23px;   height: 23px;  line-height: 23px;}
   .buttonBox p {font-size: 12px;}
   .index1 { overflow:initial}
   .value_info{ overflow:initial}
   .index2 {   margin-top:40px;}
   .index2_contet ul li a dl dd:first-child+dd { margin:20px 20px 0;}
   .index2_contet ul li a dl dd:last-child { margin: 10px 20px 0; font-size:14px;}
   .index2_contet ul li { padding-bottom: 20px;}
   .index2 {  padding: 80px 0 40px;}
   .index3 { padding:40px 0 30px;}
   .index3_more{width: 140px;}
   .index3_more a {  width: 140px; height: 40px;line-height: 40px;}
   .cont li .cont_r dl dd a .cont_info_r {width:75%;}
   .index7_dt i { width: 28%;}
   .index7_dt h3{ width: 35%;}
	.job1_l ul li { width: 100%;}
	.job1_r ul li { width:100%;}
    .job4_info ul li span {  width:50px; height: 50px; background-size:40% !important;}
    .job4_info ul li p {  font-size: 14px;}
    .job4_info ul li::after{    background-size:40% !important;  right: -12%;}
	.index1_r_info dl dd:first-child+dd+dd { font-size: 14px;}
	.index1_r_info dl dd:last-child {font-size: 16px;}
	.index_title p { font-size: 18px;}
	.index7_content { font-size: 16px;}
	
	
	
}


@media only screen and (max-width: 450px){	
 
   .cont li .cont_r dl dd a .cont_info_r {width:70%;}
   .index7_dt i { width: 25%;}
   .index7_dt h3{ width: 40%;}
   .job1_title h3 {  font-size: 25px;}
   .flex-control-nav {  bottom: 10px;}
   
   
 
 
}


@media only screen and (max-width: 420px){	
    #seventh span { font-size:25px;}
 


}
@media only screen and (max-width: 380px){
    .job1_r ul li dl dd:first-child+dd { font-size: 14px;}	
	.job1_l ul li dl dd:first-child+dd { font-size: 14px;}	
	
}



@media only screen and (max-width: 370px){	
    .job1_title h3 {  font-size: 20px;}
 

}

















</pre></body></html>